"Sand Clay Scarlet Rain" Color Palette
Create palette1. #FCF0C8
- HEX
- #FCF0C8
- RGB
- 252, 240, 200
- HSL
- 46.15°, 89.66%, 88.63%
- OKLCH
- 0.9546, 0.0535, 93.29°
- CMYK
- 0.00%, 4.76%, 20.63%, 1.18%
- Temp.
- Warm
- Brightness
- 93.74%
- Text color
- #111827
2. #F7D098
- HEX
- #F7D098
- RGB
- 247, 208, 152
- HSL
- 35.37°, 85.59%, 78.24%
- OKLCH
- 0.8781, 0.0842, 76.29°
- CMYK
- 0.00%, 15.79%, 38.46%, 3.14%
- Temp.
- Warm
- Brightness
- 83.64%
- Text color
- #111827
3. #911F27
- HEX
- #911F27
- RGB
- 145, 31, 39
- HSL
- 355.79°, 64.77%, 34.51%
- OKLCH
- 0.4332, 0.1490, 22.72°
- CMYK
- 0.00%, 78.62%, 73.10%, 43.14%
- Temp.
- Warm
- Brightness
- 25.88%
- Text color
- #F7FFFF
4. #630A10
- HEX
- #630A10
- RGB
- 99, 10, 16
- HSL
- 355.96°, 81.65%, 21.37%
- OKLCH
- 0.3222, 0.1204, 24.74°
- CMYK
- 0.00%, 89.90%, 83.84%, 61.18%
- Temp.
- Warm
- Brightness
- 14.63%
- Text color
- #F7FFFF
CSS variables for Sand Clay Scarlet Rain 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: #FCF0C8;
--palette-2: #F7D098;
--palette-3: #911F27;
--palette-4: #630A10;
}