"Pearl Cloud Denim Spark" Color Palette
Create palette1. #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
2. #CDCDCD
- HEX
- #CDCDCD
- RGB
- 205, 205, 205
- HSL
- 0.00°, 0.00%, 80.39%
- OKLCH
- 0.8483, 0.0000, 89.88°
- CMYK
- 0.00%, 0.00%, 0.00%, 19.61%
- Temp.
- Neutral
- Brightness
- 80.39%
- Text color
- #111827
3. #005691
- HEX
- #005691
- RGB
- 0, 86, 145
- HSL
- 204.41°, 100.00%, 28.43%
- OKLCH
- 0.4425, 0.1192, 248.02°
- CMYK
- 100.00%, 40.69%, 0.00%, 43.14%
- Temp.
- Cool
- Brightness
- 26.28%
- Text color
- #F7FFFF
4. #004A7C
- HEX
- #004A7C
- RGB
- 0, 74, 124
- HSL
- 204.19°, 100.00%, 24.31%
- OKLCH
- 0.3982, 0.1051, 247.15°
- CMYK
- 100.00%, 40.32%, 0.00%, 51.37%
- Temp.
- Cool
- Brightness
- 22.58%
- Text color
- #F7FFFF
CSS variables for Pearl Cloud Denim Spark 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: #F2F2F2;
--palette-2: #CDCDCD;
--palette-3: #005691;
--palette-4: #004A7C;
}