"Rose Peony Flamingo Haze" Color Palette
Create palette1. #FC00A3
- HEX
- #FC00A3
- RGB
- 252, 0, 163
- HSL
- 321.19°, 100.00%, 49.41%
- OKLCH
- 0.6519, 0.2709, 351.17°
- CMYK
- 0.00%, 100.00%, 35.32%, 1.18%
- Temp.
- Warm
- Brightness
- 36.84%
- Text color
- #F7FFFF
2. #B30C7B
- HEX
- #B30C7B
- RGB
- 179, 12, 123
- HSL
- 320.12°, 87.43%, 37.45%
- OKLCH
- 0.5111, 0.2094, 347.96°
- CMYK
- 0.00%, 93.30%, 31.28%, 29.80%
- Temp.
- Warm
- Brightness
- 29.25%
- Text color
- #F7FFFF
3. #780662
- HEX
- #780662
- RGB
- 120, 6, 98
- HSL
- 311.58°, 90.48%, 24.71%
- OKLCH
- 0.3908, 0.1660, 338.73°
- CMYK
- 0.00%, 95.00%, 18.33%, 52.94%
- Temp.
- Warm
- Brightness
- 19.83%
- Text color
- #F7FFFF
4. #E3F6F5
- HEX
- #E3F6F5
- RGB
- 227, 246, 245
- HSL
- 176.84°, 51.35%, 92.75%
- OKLCH
- 0.9589, 0.0200, 193.01°
- CMYK
- 7.72%, 0.00%, 0.41%, 3.53%
- Temp.
- Cool
- Brightness
- 94.20%
- Text color
- #111827
CSS variables for Rose Peony Flamingo Haze 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: #FC00A3;
--palette-2: #B30C7B;
--palette-3: #780662;
--palette-4: #E3F6F5;
}