"Fuchsia Bubblegum Brick Aura" Color Palette
Create palette1. #BE0EAA
- HEX
- #BE0EAA
- RGB
- 190, 14, 170
- HSL
- 306.82°, 86.27%, 40.00%
- OKLCH
- 0.5538, 0.2413, 334.31°
- CMYK
- 0.00%, 92.63%, 10.53%, 25.49%
- Temp.
- Warm
- Brightness
- 33.10%
- Text color
- #F7FFFF
2. #EA2BA2
- HEX
- #EA2BA2
- RGB
- 234, 43, 162
- HSL
- 322.62°, 81.97%, 54.31%
- OKLCH
- 0.6344, 0.2425, 348.67°
- CMYK
- 0.00%, 81.62%, 30.77%, 8.24%
- Temp.
- Warm
- Brightness
- 44.58%
- Text color
- #F7FFFF
3. #FB9696
- HEX
- #FB9696
- RGB
- 251, 150, 150
- HSL
- 0.00°, 92.66%, 78.63%
- OKLCH
- 0.7781, 0.1218, 20.21°
- CMYK
- 0.00%, 40.24%, 40.24%, 1.57%
- Temp.
- Warm
- Brightness
- 70.67%
- Text color
- #111827
4. #F6CA97
- HEX
- #F6CA97
- RGB
- 246, 202, 151
- HSL
- 32.21°, 84.07%, 77.84%
- OKLCH
- 0.8654, 0.0828, 70.52°
- CMYK
- 0.00%, 17.89%, 38.62%, 3.53%
- Temp.
- Warm
- Brightness
- 82.09%
- Text color
- #111827
CSS variables for Fuchsia Bubblegum Brick 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: #BE0EAA;
--palette-2: #EA2BA2;
--palette-3: #FB9696;
--palette-4: #F6CA97;
}