"Denim Sky Clay Field" Color Palette
Create palette1. #33425B
- HEX
- #33425B
- RGB
- 51, 66, 91
- HSL
- 217.50°, 28.17%, 27.84%
- OKLCH
- 0.3773, 0.0474, 260.41°
- CMYK
- 43.96%, 27.47%, 0.00%, 64.31%
- Temp.
- Cool
- Brightness
- 25.24%
- Text color
- #F7FFFF
2. #3498DB
- HEX
- #3498DB
- RGB
- 52, 152, 219
- HSL
- 204.07°, 69.87%, 53.14%
- OKLCH
- 0.6531, 0.1347, 242.69°
- CMYK
- 76.26%, 30.59%, 0.00%, 14.12%
- Temp.
- Cool
- Brightness
- 50.88%
- Text color
- #F7FFFF
3. #FCC29A
- HEX
- #FCC29A
- RGB
- 252, 194, 154
- HSL
- 24.49°, 94.23%, 79.61%
- OKLCH
- 0.8568, 0.0852, 55.89°
- CMYK
- 0.00%, 23.02%, 38.89%, 1.18%
- Temp.
- Warm
- Brightness
- 81.09%
- Text color
- #111827
4. #ECF0F1
- HEX
- #ECF0F1
- RGB
- 236, 240, 241
- HSL
- 192.00°, 15.15%, 93.53%
- OKLCH
- 0.9524, 0.0045, 214.33°
- CMYK
- 2.07%, 0.41%, 0.00%, 5.49%
- Temp.
- Cool
- Brightness
- 93.69%
- Text color
- #111827
CSS variables for Denim Sky Clay Field 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: #33425B;
--palette-2: #3498DB;
--palette-3: #FCC29A;
--palette-4: #ECF0F1;
}