RGB
95, 158, 160
HSL
182°, 25%, 50%
CMYK
41, 1, 0, 37
HSV
182°, 41%, 63%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #5F9EA0 |
color: #5F9EA0;
|
| RGB | 95, 158, 160 |
color: rgb(95, 158, 160);
|
| RGB Percentage | 37%, 62%, 63% |
color: rgb(37%, 62%, 63%);
|
| CMYK | 41%, 1%, 0%, 37% | Not supported in CSS |
| HSL | 182°, 25%, 50% |
color: hsl(182, 25%, 50%);
|
| HSV | 182°, 41%, 63% | Not supported in CSS |
| CIE-LAB | 40, -13, -1 |
color: lab(40% -13 -1);
|
| Decimal | 6266528 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.cadet-blue {
color: #5F9EA0;
}
SCSS
$cadet-blue: #5F9EA0;
RGB
rgb(95, 158, 160)
Accessibility & Contrast
White background
3.05:1
3.05
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
6.88:1
6.88
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element