"Denim Cobalt Ruby Drift" Color Palette
Create palette1. #7B77FF
- HEX
- #7B77FF
- RGB
- 123, 119, 255
- HSL
- 241.76°, 100.00%, 73.33%
- OKLCH
- 0.6418, 0.1963, 280.64°
- CMYK
- 51.76%, 53.33%, 0.00%, 0.00%
- Temp.
- Cool
- Brightness
- 53.22%
- Text color
- #F7FFFF
2. #92CCE1
- HEX
- #92CCE1
- RGB
- 146, 204, 225
- HSL
- 195.95°, 56.83%, 72.75%
- OKLCH
- 0.8127, 0.0664, 222.44°
- CMYK
- 35.11%, 9.33%, 0.00%, 11.76%
- Temp.
- Cool
- Brightness
- 74.14%
- Text color
- #111827
3. #F68686
- HEX
- #F68686
- RGB
- 246, 134, 134
- HSL
- 0.00°, 86.15%, 74.51%
- OKLCH
- 0.7429, 0.1369, 20.88°
- CMYK
- 0.00%, 45.53%, 45.53%, 3.53%
- Temp.
- Warm
- Brightness
- 65.68%
- Text color
- #111827
4. #FFE3B9
- HEX
- #FFE3B9
- RGB
- 255, 227, 185
- HSL
- 36.00°, 100.00%, 86.27%
- OKLCH
- 0.9285, 0.0626, 77.86°
- CMYK
- 0.00%, 10.98%, 27.45%, 0.00%
- Temp.
- Warm
- Brightness
- 90.43%
- Text color
- #111827
CSS variables for Denim Cobalt Ruby Drift 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: #7B77FF;
--palette-2: #92CCE1;
--palette-3: #F68686;
--palette-4: #FFE3B9;
}