RGB
106, 137, 167
HSL
210°, 26%, 54%
CMYK
37, 18, 0, 35
HSV
210°, 37%, 65%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #6A89A7 |
color: #6A89A7;
|
| RGB | 106, 137, 167 |
color: rgb(106, 137, 167);
|
| RGB Percentage | 42%, 54%, 65% |
color: rgb(42%, 54%, 65%);
|
| CMYK | 37%, 18%, 0%, 35% | Not supported in CSS |
| HSL | 210°, 26%, 54% |
color: hsl(210, 26%, 54%);
|
| HSV | 210°, 37%, 65% | Not supported in CSS |
| CIE-LAB | 43, -6, -10 |
color: lab(43% -6 -10);
|
| Decimal | 6982055 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.blue-gray {
color: #6A89A7;
}
SCSS
$blue-gray: #6A89A7;
RGB
rgb(106, 137, 167)
Accessibility & Contrast
White background
3.65:1
3.65
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
5.75:1
5.75
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element