"Denim Storm Aura" Color Palette
Create palette1. #4C6983
- HEX
- #4C6983
- RGB
- 76, 105, 131
- HSL
- 208.36°, 26.57%, 40.59%
- OKLCH
- 0.5086, 0.0537, 246.16°
- CMYK
- 41.98%, 19.85%, 0.00%, 48.63%
- Temp.
- Cool
- Brightness
- 38.94%
- Text color
- #F7FFFF
2. #38556A
- HEX
- #38556A
- RGB
- 56, 85, 106
- HSL
- 205.20°, 30.86%, 31.76%
- OKLCH
- 0.4356, 0.0491, 240.75°
- CMYK
- 47.17%, 19.81%, 0.00%, 58.43%
- Temp.
- Cool
- Brightness
- 30.87%
- Text color
- #F7FFFF
3. #273952
- HEX
- #273952
- RGB
- 39, 57, 82
- HSL
- 214.88°, 35.54%, 23.73%
- OKLCH
- 0.3411, 0.0501, 256.73°
- CMYK
- 52.44%, 30.49%, 0.00%, 67.84%
- Temp.
- Cool
- Brightness
- 21.36%
- Text color
- #F7FFFF
4. #B6FFF9
- HEX
- #B6FFF9
- RGB
- 182, 255, 249
- HSL
- 175.07°, 100.00%, 85.69%
- OKLCH
- 0.9506, 0.0723, 189.61°
- CMYK
- 28.63%, 0.00%, 2.35%, 0.00%
- Temp.
- Cool
- Brightness
- 91.17%
- Text color
- #111827
CSS variables for Denim Storm Aura 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: #4C6983;
--palette-2: #38556A;
--palette-3: #273952;
--palette-4: #B6FFF9;
}