"Rose Peony Gold Shade" Color Palette
Create palette1. #4E1E1E
- HEX
- #4E1E1E
- RGB
- 78, 30, 30
- HSL
- 0.00°, 44.44%, 21.18%
- OKLCH
- 0.3065, 0.0728, 22.33°
- CMYK
- 0.00%, 61.54%, 61.54%, 69.41%
- Temp.
- Warm
- Brightness
- 17.39%
- Text color
- #F7FFFF
2. #E63870
- HEX
- #E63870
- RGB
- 230, 56, 112
- HSL
- 340.69°, 77.68%, 56.08%
- OKLCH
- 0.6200, 0.2109, 7.06°
- CMYK
- 0.00%, 75.65%, 51.30%, 9.80%
- Temp.
- Warm
- Brightness
- 44.87%
- Text color
- #F7FFFF
3. #FBE6A2
- HEX
- #FBE6A2
- RGB
- 251, 230, 162
- HSL
- 45.84°, 91.75%, 80.98%
- OKLCH
- 0.9264, 0.0889, 92.95°
- CMYK
- 0.00%, 8.37%, 35.46%, 1.57%
- Temp.
- Warm
- Brightness
- 89.62%
- Text color
- #111827
4. #58E481
- HEX
- #58E481
- RGB
- 88, 228, 129
- HSL
- 137.57°, 72.16%, 61.96%
- OKLCH
- 0.8194, 0.1836, 149.98°
- CMYK
- 61.40%, 0.00%, 43.42%, 10.59%
- Temp.
- Cool
- Brightness
- 68.57%
- Text color
- #111827
CSS variables for Rose Peony Gold 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: #4E1E1E;
--palette-2: #E63870;
--palette-3: #FBE6A2;
--palette-4: #58E481;
}