"Denim Ocean Aqua Ember" Color Palette
Create palette1. #626EEF
- HEX
- #626EEF
- RGB
- 98, 110, 239
- HSL
- 234.89°, 81.50%, 66.08%
- OKLCH
- 0.5975, 0.1917, 274.99°
- CMYK
- 59.00%, 53.97%, 0.00%, 6.27%
- Temp.
- Cool
- Brightness
- 47.50%
- Text color
- #F7FFFF
2. #09A8FA
- HEX
- #09A8FA
- RGB
- 9, 168, 250
- HSL
- 200.41°, 96.02%, 50.78%
- OKLCH
- 0.7004, 0.1636, 241.65°
- CMYK
- 96.40%, 32.80%, 0.00%, 1.96%
- Temp.
- Cool
- Brightness
- 50.90%
- Text color
- #F7FFFF
3. #41C5D3
- HEX
- #41C5D3
- RGB
- 65, 197, 211
- HSL
- 185.75°, 62.39%, 54.12%
- OKLCH
- 0.7588, 0.1129, 205.32°
- CMYK
- 69.19%, 6.64%, 0.00%, 17.25%
- Temp.
- Cool
- Brightness
- 62.40%
- Text color
- #111827
4. #FFFA9D
- HEX
- #FFFA9D
- RGB
- 255, 250, 157
- HSL
- 56.94°, 100.00%, 80.78%
- OKLCH
- 0.9689, 0.1146, 105.68°
- CMYK
- 0.00%, 1.96%, 38.43%, 0.00%
- Temp.
- Warm
- Brightness
- 94.47%
- Text color
- #111827
CSS variables for Denim Ocean Aqua Ember 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: #626EEF;
--palette-2: #09A8FA;
--palette-3: #41C5D3;
--palette-4: #FFFA9D;
}