"Scarlet Sunset Honey Glow" Color Palette
Create palette1. #DA1212
- HEX
- #DA1212
- RGB
- 218, 18, 18
- HSL
- 0.00°, 84.75%, 46.27%
- OKLCH
- 0.5628, 0.2239, 28.56°
- CMYK
- 0.00%, 91.74%, 91.74%, 14.51%
- Temp.
- Warm
- Brightness
- 30.51%
- Text color
- #F7FFFF
2. #F08C00
- HEX
- #F08C00
- RGB
- 240, 140, 0
- HSL
- 35.00°, 100.00%, 47.06%
- OKLCH
- 0.7311, 0.1673, 62.62°
- CMYK
- 0.00%, 41.67%, 100.00%, 5.88%
- Temp.
- Warm
- Brightness
- 60.37%
- Text color
- #111827
3. #C6DA20
- HEX
- #C6DA20
- RGB
- 198, 218, 32
- HSL
- 66.45°, 74.40%, 49.02%
- OKLCH
- 0.8446, 0.1873, 116.37°
- CMYK
- 9.17%, 0.00%, 85.32%, 14.51%
- Temp.
- Warm
- Brightness
- 74.83%
- Text color
- #111827
4. #F3F5D5
- HEX
- #F3F5D5
- RGB
- 243, 245, 213
- HSL
- 63.75°, 61.54%, 89.80%
- OKLCH
- 0.9603, 0.0419, 110.08°
- CMYK
- 0.82%, 0.00%, 13.06%, 3.92%
- Temp.
- Warm
- Brightness
- 94.41%
- Text color
- #111827
CSS variables for Scarlet Sunset Honey 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: #DA1212;
--palette-2: #F08C00;
--palette-3: #C6DA20;
--palette-4: #F3F5D5;
}