"Aqua Lagoon Mist" Color Palette
Create palette1. #66BFBF
- HEX
- #66BFBF
- RGB
- 102, 191, 191
- HSL
- 180.00°, 41.01%, 57.45%
- OKLCH
- 0.7497, 0.0857, 195.48°
- CMYK
- 46.60%, 0.00%, 0.00%, 25.10%
- Temp.
- Cool
- Brightness
- 64.47%
- Text color
- #111827
2. #EAF6F6
- HEX
- #EAF6F6
- RGB
- 234, 246, 246
- HSL
- 180.00°, 40.00%, 94.12%
- OKLCH
- 0.9642, 0.0127, 196.95°
- CMYK
- 4.88%, 0.00%, 0.00%, 3.53%
- Temp.
- Cool
- Brightness
- 95.06%
- Text color
- #111827
3. #FCFEFE
- HEX
- #FCFEFE
- RGB
- 252, 254, 254
- HSL
- 180.00°, 50.00%, 99.22%
- OKLCH
- 0.9955, 0.0021, 197.12°
- CMYK
- 0.79%, 0.00%, 0.00%, 0.39%
- Temp.
- Cool
- Brightness
- 99.37%
- Text color
- #111827
4. #F76B8A
- HEX
- #F76B8A
- RGB
- 247, 107, 138
- HSL
- 346.71°, 89.74%, 69.41%
- OKLCH
- 0.7069, 0.1730, 8.90°
- CMYK
- 0.00%, 56.68%, 44.13%, 3.14%
- Temp.
- Warm
- Brightness
- 59.76%
- Text color
- #111827
CSS variables for Aqua Lagoon Mist 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: #66BFBF;
--palette-2: #EAF6F6;
--palette-3: #FCFEFE;
--palette-4: #F76B8A;
}