"Violet Wine Amber Grove" Color Palette
Create palette1. #240747
- HEX
- #240747
- RGB
- 36, 7, 71
- HSL
- 267.19°, 82.05%, 15.29%
- OKLCH
- 0.2277, 0.1080, 297.36°
- CMYK
- 49.30%, 90.14%, 0.00%, 72.16%
- Temp.
- Cool
- Brightness
- 9.01%
- Text color
- #F7FFFF
2. #EB2632
- HEX
- #EB2632
- RGB
- 235, 38, 50
- HSL
- 356.35°, 83.12%, 53.53%
- OKLCH
- 0.6054, 0.2271, 25.13°
- CMYK
- 0.00%, 83.83%, 78.72%, 7.84%
- Temp.
- Warm
- Brightness
- 38.54%
- Text color
- #F7FFFF
3. #F0AB8D
- HEX
- #F0AB8D
- RGB
- 240, 171, 141
- HSL
- 18.18°, 76.74%, 74.71%
- OKLCH
- 0.7996, 0.0915, 44.42°
- CMYK
- 0.00%, 28.75%, 41.25%, 5.88%
- Temp.
- Warm
- Brightness
- 73.81%
- Text color
- #111827
4. #F6E4AD
- HEX
- #F6E4AD
- RGB
- 246, 228, 173
- HSL
- 45.21°, 80.22%, 82.16%
- OKLCH
- 0.9203, 0.0734, 92.10°
- CMYK
- 0.00%, 7.32%, 29.67%, 3.53%
- Temp.
- Warm
- Brightness
- 89.06%
- Text color
- #111827
CSS variables for Violet Wine Amber Grove 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: #240747;
--palette-2: #EB2632;
--palette-3: #F0AB8D;
--palette-4: #F6E4AD;
}