"Bubblegum Brick Flamingo Shade" Color Palette
Create palette1. #432F44
- HEX
- #432F44
- RGB
- 67, 47, 68
- HSL
- 297.14°, 18.26%, 22.55%
- OKLCH
- 0.3368, 0.0450, 324.94°
- CMYK
- 1.47%, 30.88%, 0.00%, 73.33%
- Temp.
- Warm
- Brightness
- 21.72%
- Text color
- #F7FFFF
2. #EA5455
- HEX
- #EA5455
- RGB
- 234, 84, 85
- HSL
- 359.60°, 78.13%, 62.35%
- OKLCH
- 0.6480, 0.1858, 23.52°
- CMYK
- 0.00%, 64.10%, 63.68%, 8.24%
- Temp.
- Warm
- Brightness
- 50.57%
- Text color
- #F7FFFF
3. #A7425C
- HEX
- #A7425C
- RGB
- 167, 66, 92
- HSL
- 344.55°, 43.35%, 45.69%
- OKLCH
- 0.5224, 0.1347, 7.08°
- CMYK
- 0.00%, 60.48%, 44.91%, 34.51%
- Temp.
- Warm
- Brightness
- 38.89%
- Text color
- #F7FFFF
4. #FFD460
- HEX
- #FFD460
- RGB
- 255, 212, 96
- HSL
- 43.77°, 100.00%, 68.82%
- OKLCH
- 0.8855, 0.1411, 88.81°
- CMYK
- 0.00%, 16.86%, 62.35%, 0.00%
- Temp.
- Warm
- Brightness
- 82.99%
- Text color
- #111827
CSS variables for Bubblegum Brick Flamingo Shade 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: #432F44;
--palette-2: #EA5455;
--palette-3: #A7425C;
--palette-4: #FFD460;
}