"Ice Lime Fern Grove" Color Palette
Create palette1. #499491
- HEX
- #499491
- RGB
- 73, 148, 145
- HSL
- 177.60°, 33.94%, 43.33%
- OKLCH
- 0.6180, 0.0748, 191.94°
- CMYK
- 50.68%, 0.00%, 2.03%, 41.96%
- Temp.
- Cool
- Brightness
- 49.11%
- Text color
- #F7FFFF
2. #A3DEC9
- HEX
- #A3DEC9
- RGB
- 163, 222, 201
- HSL
- 158.64°, 47.20%, 75.49%
- OKLCH
- 0.8544, 0.0671, 170.68°
- CMYK
- 26.58%, 0.00%, 9.46%, 12.94%
- Temp.
- Cool
- Brightness
- 79.20%
- Text color
- #111827
3. #F7FED8
- HEX
- #F7FED8
- RGB
- 247, 254, 216
- HSL
- 71.05°, 95.00%, 92.16%
- OKLCH
- 0.9821, 0.0499, 115.80°
- CMYK
- 2.76%, 0.00%, 14.96%, 0.39%
- Temp.
- Cool
- Brightness
- 97.09%
- Text color
- #111827
4. #FBD400
- HEX
- #FBD400
- RGB
- 251, 212, 0
- HSL
- 50.68°, 100.00%, 49.22%
- OKLCH
- 0.8770, 0.1802, 95.51°
- CMYK
- 0.00%, 15.54%, 100.00%, 1.57%
- Temp.
- Warm
- Brightness
- 78.23%
- Text color
- #111827
CSS variables for Ice Lime Fern Grove palette
Copy these custom properties into your stylesheet to use the palette in its displayed order. Reference a color with var(--palette-1), for example: color: var(--palette-1);
:root {
--palette-1: #499491;
--palette-2: #A3DEC9;
--palette-3: #F7FED8;
--palette-4: #FBD400;
}