"Blush Poppy Crimson Aura" Color Palette
Create palette1. #453246
- HEX
- #453246
- RGB
- 69, 50, 70
- HSL
- 297.00°, 16.67%, 23.53%
- OKLCH
- 0.3466, 0.0426, 324.80°
- CMYK
- 1.43%, 28.57%, 0.00%, 72.55%
- Temp.
- Warm
- Brightness
- 22.73%
- Text color
- #F7FFFF
2. #F86254
- HEX
- #F86254
- RGB
- 248, 98, 84
- HSL
- 5.12°, 92.13%, 65.10%
- OKLCH
- 0.6861, 0.1865, 28.25°
- CMYK
- 0.00%, 60.48%, 66.13%, 2.75%
- Temp.
- Warm
- Brightness
- 55.39%
- Text color
- #F7FFFF
3. #B04D5D
- HEX
- #B04D5D
- RGB
- 176, 77, 93
- HSL
- 350.30°, 39.13%, 49.61%
- OKLCH
- 0.5515, 0.1297, 12.38°
- CMYK
- 0.00%, 56.25%, 47.16%, 30.98%
- Temp.
- Warm
- Brightness
- 42.52%
- Text color
- #F7FFFF
4. #FFD05B
- HEX
- #FFD05B
- RGB
- 255, 208, 91
- HSL
- 42.80°, 100.00%, 67.84%
- OKLCH
- 0.8772, 0.1428, 87.04°
- CMYK
- 0.00%, 18.43%, 64.31%, 0.00%
- Temp.
- Warm
- Brightness
- 81.85%
- Text color
- #111827
CSS variables for Blush Poppy Crimson Aura 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: #453246;
--palette-2: #F86254;
--palette-3: #B04D5D;
--palette-4: #FFD05B;
}