"Brick Leaf Mist" Color Palette
Create palette1. #C9182B
- HEX
- #C9182B
- RGB
- 201, 24, 43
- HSL
- 353.56°, 78.67%, 44.12%
- OKLCH
- 0.5350, 0.2053, 23.89°
- CMYK
- 0.00%, 88.06%, 78.61%, 21.18%
- Temp.
- Warm
- Brightness
- 31.02%
- Text color
- #F7FFFF
2. #F23A3A
- HEX
- #F23A3A
- RGB
- 242, 58, 58
- HSL
- 0.00°, 87.62%, 58.82%
- OKLCH
- 0.6321, 0.2198, 26.20°
- CMYK
- 0.00%, 76.03%, 76.03%, 5.10%
- Temp.
- Warm
- Brightness
- 44.32%
- Text color
- #F7FFFF
3. #E3F3AC
- HEX
- #E3F3AC
- RGB
- 227, 243, 172
- HSL
- 73.52°, 74.74%, 81.37%
- OKLCH
- 0.9354, 0.0929, 118.55°
- CMYK
- 6.58%, 0.00%, 29.22%, 4.71%
- Temp.
- Cool
- Brightness
- 90.24%
- Text color
- #111827
4. #44C662
- HEX
- #44C662
- RGB
- 68, 198, 98
- HSL
- 133.85°, 53.28%, 52.16%
- OKLCH
- 0.7328, 0.1801, 147.79°
- CMYK
- 65.66%, 0.00%, 50.51%, 22.35%
- Temp.
- Cool
- Brightness
- 57.93%
- Text color
- #F7FFFF
CSS variables for Brick Leaf Mist 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: #C9182B;
--palette-2: #F23A3A;
--palette-3: #E3F3AC;
--palette-4: #44C662;
}