RGB
85, 124, 153
HSL
206°, 29%, 47%
CMYK
44, 19, 0, 40
HSV
206°, 44%, 60%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #557C99 |
color: #557C99;
|
| RGB | 85, 124, 153 |
color: rgb(85, 124, 153);
|
| RGB Percentage | 33%, 49%, 60% |
color: rgb(33%, 49%, 60%);
|
| CMYK | 44%, 19%, 0%, 40% | Not supported in CSS |
| HSL | 206°, 29%, 47% |
color: hsl(206, 29%, 47%);
|
| HSV | 206°, 44%, 60% | Not supported in CSS |
| CIE-LAB | 38, -8, -10 |
color: lab(38% -8 -10);
|
| Decimal | 5602457 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.slate-blue {
color: #557C99;
}
SCSS
$slate-blue: #557C99;
RGB
rgb(85, 124, 153)
Accessibility & Contrast
White background
4.44:1
4.44
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
4.73:1
4.73
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element