"Cobalt Pool Sky Veil" Color Palette
Create palette1. #F1F4F6
- HEX
- #F1F4F6
- RGB
- 241, 244, 246
- HSL
- 204.00°, 21.74%, 95.49%
- OKLCH
- 0.9654, 0.0042, 236.50°
- CMYK
- 2.03%, 0.81%, 0.00%, 3.53%
- Temp.
- Cool
- Brightness
- 95.42%
- Text color
- #111827
2. #5AC8D8
- HEX
- #5AC8D8
- RGB
- 90, 200, 216
- HSL
- 187.62°, 61.76%, 60.00%
- OKLCH
- 0.7750, 0.1022, 208.21°
- CMYK
- 58.33%, 7.41%, 0.00%, 15.29%
- Temp.
- Cool
- Brightness
- 66.25%
- Text color
- #111827
3. #597FCA
- HEX
- #597FCA
- RGB
- 89, 127, 202
- HSL
- 219.82°, 51.60%, 57.06%
- OKLCH
- 0.6025, 0.1226, 262.88°
- CMYK
- 55.94%, 37.13%, 0.00%, 20.78%
- Temp.
- Cool
- Brightness
- 48.70%
- Text color
- #F7FFFF
4. #2552AC
- HEX
- #2552AC
- RGB
- 37, 82, 172
- HSL
- 220.00°, 64.59%, 40.98%
- OKLCH
- 0.4609, 0.1528, 262.22°
- CMYK
- 78.49%, 52.33%, 0.00%, 32.55%
- Temp.
- Cool
- Brightness
- 30.90%
- Text color
- #F7FFFF
CSS variables for Cobalt Pool Sky Veil 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: #F1F4F6;
--palette-2: #5AC8D8;
--palette-3: #597FCA;
--palette-4: #2552AC;
}