"Sapphire Denim Gold Sun" Color Palette
Create palette1. #303841
- HEX
- #303841
- RGB
- 48, 56, 65
- HSL
- 211.76°, 15.04%, 22.16%
- OKLCH
- 0.3369, 0.0192, 251.46°
- CMYK
- 26.15%, 13.85%, 0.00%, 74.51%
- Temp.
- Cool
- Brightness
- 21.43%
- Text color
- #F7FFFF
2. #3A4750
- HEX
- #3A4750
- RGB
- 58, 71, 80
- HSL
- 204.55°, 15.94%, 27.06%
- OKLCH
- 0.3900, 0.0227, 238.40°
- CMYK
- 27.50%, 11.25%, 0.00%, 68.63%
- Temp.
- Cool
- Brightness
- 26.72%
- Text color
- #F7FFFF
3. #F6C90E
- HEX
- #F6C90E
- RGB
- 246, 201, 14
- HSL
- 48.36°, 92.80%, 50.98%
- OKLCH
- 0.8506, 0.1723, 92.22°
- CMYK
- 0.00%, 18.29%, 94.31%, 3.53%
- Temp.
- Warm
- Brightness
- 75.74%
- Text color
- #111827
4. #EEEEEE
- HEX
- #EEEEEE
- RGB
- 238, 238, 238
- HSL
- 0.00°, 0.00%, 93.33%
- OKLCH
- 0.9491, 0.0000, 89.88°
- CMYK
- 0.00%, 0.00%, 0.00%, 6.67%
- Temp.
- Neutral
- Brightness
- 93.33%
- Text color
- #111827
CSS variables for Sapphire Denim Gold Sun 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: #303841;
--palette-2: #3A4750;
--palette-3: #F6C90E;
--palette-4: #EEEEEE;
}