"Ruby Pine Graphite Smoke" Color Palette
Create palette1. #FF395E
- HEX
- #FF395E
- RGB
- 255, 57, 94
- HSL
- 348.79°, 100.00%, 61.18%
- OKLCH
- 0.6589, 0.2302, 16.58°
- CMYK
- 0.00%, 77.65%, 63.14%, 0.00%
- Temp.
- Warm
- Brightness
- 47.22%
- Text color
- #F7FFFF
2. #8FECC8
- HEX
- #8FECC8
- RGB
- 143, 236, 200
- HSL
- 156.77°, 70.99%, 74.31%
- OKLCH
- 0.8750, 0.1031, 167.29°
- CMYK
- 39.41%, 0.00%, 15.25%, 7.45%
- Temp.
- Cool
- Brightness
- 80.03%
- Text color
- #111827
3. #6F6F6F
- HEX
- #6F6F6F
- RGB
- 111, 111, 111
- HSL
- 0.00°, 0.00%, 43.53%
- OKLCH
- 0.5417, 0.0000, 89.88°
- CMYK
- 0.00%, 0.00%, 0.00%, 56.47%
- Temp.
- Neutral
- Brightness
- 43.53%
- Text color
- #F7FFFF
4. #4A4A4A
- HEX
- #4A4A4A
- RGB
- 74, 74, 74
- HSL
- 0.00°, 0.00%, 29.02%
- OKLCH
- 0.4091, 0.0000, 89.88°
- CMYK
- 0.00%, 0.00%, 0.00%, 70.98%
- Temp.
- Neutral
- Brightness
- 29.02%
- Text color
- #F7FFFF
CSS variables for Ruby Pine Graphite Smoke 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: #FF395E;
--palette-2: #8FECC8;
--palette-3: #6F6F6F;
--palette-4: #4A4A4A;
}