"Fuchsia Crimson Copper Sky" Color Palette
Create palette1. #C4317B
- HEX
- #C4317B
- RGB
- 196, 49, 123
- HSL
- 329.80°, 60.00%, 48.04%
- OKLCH
- 0.5611, 0.1932, 354.71°
- CMYK
- 0.00%, 75.00%, 37.24%, 23.14%
- Temp.
- Warm
- Brightness
- 39.76%
- Text color
- #F7FFFF
2. #AC7C7C
- HEX
- #AC7C7C
- RGB
- 172, 124, 124
- HSL
- 0.00°, 22.43%, 58.04%
- OKLCH
- 0.6341, 0.0601, 18.87°
- CMYK
- 0.00%, 27.91%, 27.91%, 32.55%
- Temp.
- Warm
- Brightness
- 54.26%
- Text color
- #F7FFFF
3. #D0BAA8
- HEX
- #D0BAA8
- RGB
- 208, 186, 168
- HSL
- 27.00°, 29.85%, 73.73%
- OKLCH
- 0.8027, 0.0354, 61.59°
- CMYK
- 0.00%, 10.58%, 19.23%, 18.43%
- Temp.
- Warm
- Brightness
- 74.72%
- Text color
- #111827
4. #EFE4E4
- HEX
- #EFE4E4
- RGB
- 239, 228, 228
- HSL
- 0.00°, 25.58%, 91.57%
- OKLCH
- 0.9276, 0.0120, 17.37°
- CMYK
- 0.00%, 4.60%, 4.60%, 6.27%
- Temp.
- Warm
- Brightness
- 90.70%
- Text color
- #111827
CSS variables for Fuchsia Crimson Copper Sky 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: #C4317B;
--palette-2: #AC7C7C;
--palette-3: #D0BAA8;
--palette-4: #EFE4E4;
}