"Rose Fuchsia Flamingo Breeze" Color Palette
Create palette1. #FFF6F6
- HEX
- #FFF6F6
- RGB
- 255, 246, 246
- HSL
- 0.00°, 100.00%, 98.24%
- OKLCH
- 0.9801, 0.0097, 17.32°
- CMYK
- 0.00%, 3.53%, 3.53%, 0.00%
- Temp.
- Warm
- Brightness
- 97.53%
- Text color
- #111827
2. #EEA1EB
- HEX
- #EEA1EB
- RGB
- 238, 161, 235
- HSL
- 302.34°, 69.37%, 78.24%
- OKLCH
- 0.8078, 0.1312, 328.04°
- CMYK
- 0.00%, 32.35%, 1.26%, 6.67%
- Temp.
- Warm
- Brightness
- 75.47%
- Text color
- #111827
3. #CB22D7
- HEX
- #CB22D7
- RGB
- 203, 34, 215
- HSL
- 296.02°, 72.69%, 48.82%
- OKLCH
- 0.6081, 0.2666, 325.03°
- CMYK
- 5.58%, 84.19%, 0.00%, 15.69%
- Temp.
- Warm
- Brightness
- 41.24%
- Text color
- #F7FFFF
4. #891180
- HEX
- #891180
- RGB
- 137, 17, 128
- HSL
- 304.50°, 77.92%, 30.20%
- OKLCH
- 0.4428, 0.1883, 331.88°
- CMYK
- 0.00%, 87.59%, 6.57%, 46.27%
- Temp.
- Warm
- Brightness
- 25.70%
- Text color
- #F7FFFF
CSS variables for Rose Fuchsia Flamingo Breeze 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: #FFF6F6;
--palette-2: #EEA1EB;
--palette-3: #CB22D7;
--palette-4: #891180;
}