"Amethyst Orchid Iris Dawn" Color Palette
Create palette1. #461B93
- HEX
- #461B93
- RGB
- 70, 27, 147
- HSL
- 261.50°, 68.97%, 34.12%
- OKLCH
- 0.3689, 0.1778, 291.22°
- CMYK
- 52.38%, 81.63%, 0.00%, 42.35%
- Temp.
- Cool
- Brightness
- 20.99%
- Text color
- #F7FFFF
2. #6A3CBC
- HEX
- #6A3CBC
- RGB
- 106, 60, 188
- HSL
- 261.56°, 51.61%, 48.63%
- OKLCH
- 0.4841, 0.1897, 294.77°
- CMYK
- 43.62%, 68.09%, 0.00%, 26.27%
- Temp.
- Cool
- Brightness
- 34.65%
- Text color
- #F7FFFF
3. #8253D7
- HEX
- #8253D7
- RGB
- 130, 83, 215
- HSL
- 261.36°, 62.26%, 58.43%
- OKLCH
- 0.5616, 0.1935, 295.96°
- CMYK
- 39.53%, 61.40%, 0.00%, 15.69%
- Temp.
- Cool
- Brightness
- 43.96%
- Text color
- #F7FFFF
4. #F78F1E
- HEX
- #F78F1E
- RGB
- 247, 143, 30
- HSL
- 31.24°, 93.13%, 54.31%
- OKLCH
- 0.7458, 0.1669, 60.12°
- CMYK
- 0.00%, 42.11%, 87.85%, 3.14%
- Temp.
- Warm
- Brightness
- 63.22%
- Text color
- #111827
CSS variables for Amethyst Orchid Iris Dawn 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: #461B93;
--palette-2: #6A3CBC;
--palette-3: #8253D7;
--palette-4: #F78F1E;
}