"Navy Azure Denim Glow" Color Palette
Create palette1. #27296D
- HEX
- #27296D
- RGB
- 39, 41, 109
- HSL
- 238.29°, 47.30%, 29.02%
- OKLCH
- 0.3237, 0.1156, 276.52°
- CMYK
- 64.22%, 62.39%, 0.00%, 57.25%
- Temp.
- Cool
- Brightness
- 18.88%
- Text color
- #F7FFFF
2. #5E63B6
- HEX
- #5E63B6
- RGB
- 94, 99, 182
- HSL
- 236.59°, 37.61%, 54.12%
- OKLCH
- 0.5355, 0.1284, 278.52°
- CMYK
- 48.35%, 45.60%, 0.00%, 28.63%
- Temp.
- Cool
- Brightness
- 41.95%
- Text color
- #F7FFFF
3. #A393EB
- HEX
- #A393EB
- RGB
- 163, 147, 235
- HSL
- 250.91°, 68.75%, 74.90%
- OKLCH
- 0.7122, 0.1268, 291.17°
- CMYK
- 30.64%, 37.45%, 0.00%, 7.84%
- Temp.
- Cool
- Brightness
- 63.46%
- Text color
- #111827
4. #F5C7F7
- HEX
- #F5C7F7
- RGB
- 245, 199, 247
- HSL
- 297.50°, 75.00%, 87.45%
- OKLCH
- 0.8843, 0.0814, 324.91°
- CMYK
- 0.81%, 19.43%, 0.00%, 3.14%
- Temp.
- Warm
- Brightness
- 85.58%
- Text color
- #111827
CSS variables for Navy Azure Denim Glow 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: #27296D;
--palette-2: #5E63B6;
--palette-3: #A393EB;
--palette-4: #F5C7F7;
}