"Plum Iris Amber Dusk" Color Palette
Create palette1. #3F1263
- HEX
- #3F1263
- RGB
- 63, 18, 99
- HSL
- 273.33°, 69.23%, 22.94%
- OKLCH
- 0.3048, 0.1329, 304.70°
- CMYK
- 36.36%, 81.82%, 0.00%, 61.18%
- Temp.
- Cool
- Brightness
- 15.96%
- Text color
- #F7FFFF
2. #986EAD
- HEX
- #986EAD
- RGB
- 152, 110, 173
- HSL
- 280.00°, 27.75%, 55.49%
- OKLCH
- 0.6043, 0.1039, 313.95°
- CMYK
- 12.14%, 36.42%, 0.00%, 32.16%
- Temp.
- Cool
- Brightness
- 50.88%
- Text color
- #F7FFFF
3. #D8CBBB
- HEX
- #D8CBBB
- RGB
- 216, 203, 187
- HSL
- 33.10°, 27.10%, 79.02%
- OKLCH
- 0.8484, 0.0262, 73.15°
- CMYK
- 0.00%, 6.02%, 13.43%, 15.29%
- Temp.
- Warm
- Brightness
- 80.42%
- Text color
- #111827
4. #F2F2F2
- HEX
- #F2F2F2
- RGB
- 242, 242, 242
- HSL
- 0.00°, 0.00%, 94.90%
- OKLCH
- 0.9612, 0.0000, 89.88°
- CMYK
- 0.00%, 0.00%, 0.00%, 5.10%
- Temp.
- Neutral
- Brightness
- 94.90%
- Text color
- #111827
CSS variables for Plum Iris Amber Dusk 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: #3F1263;
--palette-2: #986EAD;
--palette-3: #D8CBBB;
--palette-4: #F2F2F2;
}