"Ice Azure Wave" Color Palette
Create palette1. #E0FCFF
- HEX
- #E0FCFF
- RGB
- 224, 252, 255
- HSL
- 185.81°, 100.00%, 93.92%
- OKLCH
- 0.9718, 0.0294, 204.51°
- CMYK
- 12.16%, 1.18%, 0.00%, 0.00%
- Temp.
- Cool
- Brightness
- 95.67%
- Text color
- #111827
2. #BDE4F4
- HEX
- #BDE4F4
- RGB
- 189, 228, 244
- HSL
- 197.45°, 71.43%, 84.90%
- OKLCH
- 0.8961, 0.0462, 224.67°
- CMYK
- 22.54%, 6.56%, 0.00%, 4.31%
- Temp.
- Cool
- Brightness
- 85.55%
- Text color
- #111827
3. #404969
- HEX
- #404969
- RGB
- 64, 73, 105
- HSL
- 226.83°, 24.26%, 33.14%
- OKLCH
- 0.4115, 0.0551, 271.75°
- CMYK
- 39.05%, 30.48%, 0.00%, 58.82%
- Temp.
- Cool
- Brightness
- 29.00%
- Text color
- #F7FFFF
4. #FF7F50
- HEX
- #FF7F50
- RGB
- 255, 127, 80
- HSL
- 16.11°, 100.00%, 65.69%
- OKLCH
- 0.7351, 0.1680, 40.25°
- CMYK
- 0.00%, 50.20%, 68.63%, 0.00%
- Temp.
- Warm
- Brightness
- 62.71%
- Text color
- #111827
CSS variables for Ice Azure Wave 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: #E0FCFF;
--palette-2: #BDE4F4;
--palette-3: #404969;
--palette-4: #FF7F50;
}