"Teal Cobalt Ice Frost" Color Palette
Create palette1. #104455
- HEX
- #104455
- RGB
- 16, 68, 85
- HSL
- 194.78°, 68.32%, 19.80%
- OKLCH
- 0.3617, 0.0600, 224.43°
- CMYK
- 81.18%, 20.00%, 0.00%, 66.67%
- Temp.
- Cool
- Brightness
- 21.33%
- Text color
- #F7FFFF
2. #0A3442
- HEX
- #0A3442
- RGB
- 10, 52, 66
- HSL
- 195.00°, 73.68%, 14.90%
- OKLCH
- 0.3042, 0.0508, 224.94°
- CMYK
- 84.85%, 21.21%, 0.00%, 74.12%
- Temp.
- Cool
- Brightness
- 16.09%
- Text color
- #F7FFFF
3. #3AD3CD
- HEX
- #3AD3CD
- RGB
- 58, 211, 205
- HSL
- 177.65°, 63.49%, 52.75%
- OKLCH
- 0.7888, 0.1234, 191.00°
- CMYK
- 72.51%, 0.00%, 2.84%, 17.25%
- Temp.
- Cool
- Brightness
- 64.54%
- Text color
- #111827
4. #7FFFD6
- HEX
- #7FFFD6
- RGB
- 127, 255, 214
- HSL
- 160.78°, 100.00%, 74.90%
- OKLCH
- 0.9155, 0.1291, 170.01°
- CMYK
- 50.20%, 0.00%, 16.08%, 0.00%
- Temp.
- Cool
- Brightness
- 83.16%
- Text color
- #111827
CSS variables for Teal Cobalt Ice Frost 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: #104455;
--palette-2: #0A3442;
--palette-3: #3AD3CD;
--palette-4: #7FFFD6;
}