"Midnight Denim Sky Horizon" Color Palette
Create palette1. #007AB5
- HEX
- #007AB5
- RGB
- 0, 122, 181
- HSL
- 199.56°, 100.00%, 35.49%
- OKLCH
- 0.5531, 0.1276, 240.41°
- CMYK
- 100.00%, 32.60%, 0.00%, 29.02%
- Temp.
- Cool
- Brightness
- 36.18%
- Text color
- #F7FFFF
2. #005A85
- HEX
- #005A85
- RGB
- 0, 90, 133
- HSL
- 199.40°, 100.00%, 26.08%
- OKLCH
- 0.4450, 0.1005, 239.14°
- CMYK
- 100.00%, 32.33%, 0.00%, 47.84%
- Temp.
- Cool
- Brightness
- 26.66%
- Text color
- #F7FFFF
3. #004262
- HEX
- #004262
- RGB
- 0, 66, 98
- HSL
- 199.59°, 100.00%, 19.22%
- OKLCH
- 0.3601, 0.0802, 238.26°
- CMYK
- 100.00%, 32.65%, 0.00%, 61.57%
- Temp.
- Cool
- Brightness
- 19.57%
- Text color
- #F7FFFF
4. #D8E6EC
- HEX
- #D8E6EC
- RGB
- 216, 230, 236
- HSL
- 198.00°, 34.48%, 88.63%
- OKLCH
- 0.9162, 0.0171, 225.20°
- CMYK
- 8.47%, 2.54%, 0.00%, 7.45%
- Temp.
- Cool
- Brightness
- 88.82%
- Text color
- #111827
CSS variables for Midnight Denim Sky Horizon 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: #007AB5;
--palette-2: #005A85;
--palette-3: #004262;
--palette-4: #D8E6EC;
}