"Sky Ocean Denim Ray" Color Palette
Create palette1. #1D3E53
- HEX
- #1D3E53
- RGB
- 29, 62, 83
- HSL
- 203.33°, 48.21%, 21.96%
- OKLCH
- 0.3490, 0.0534, 238.77°
- CMYK
- 65.06%, 25.30%, 0.00%, 67.45%
- Temp.
- Cool
- Brightness
- 21.38%
- Text color
- #F7FFFF
2. #254B62
- HEX
- #254B62
- RGB
- 37, 75, 98
- HSL
- 202.62°, 45.19%, 26.47%
- OKLCH
- 0.3955, 0.0583, 237.31°
- CMYK
- 62.24%, 23.47%, 0.00%, 61.57%
- Temp.
- Cool
- Brightness
- 25.98%
- Text color
- #F7FFFF
3. #476D7C
- HEX
- #476D7C
- RGB
- 71, 109, 124
- HSL
- 196.98°, 27.18%, 38.24%
- OKLCH
- 0.5122, 0.0491, 224.80°
- CMYK
- 42.74%, 12.10%, 0.00%, 51.37%
- Temp.
- Cool
- Brightness
- 38.96%
- Text color
- #F7FFFF
4. #77ABB7
- HEX
- #77ABB7
- RGB
- 119, 171, 183
- HSL
- 191.25°, 30.77%, 59.22%
- OKLCH
- 0.7090, 0.0575, 213.66°
- CMYK
- 34.97%, 6.56%, 0.00%, 28.24%
- Temp.
- Cool
- Brightness
- 61.50%
- Text color
- #111827
CSS variables for Sky Ocean Denim Ray 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: #1D3E53;
--palette-2: #254B62;
--palette-3: #476D7C;
--palette-4: #77ABB7;
}