RGB
196, 216, 226
HSL
200°, 34%, 83%
CMYK
13, 4, 0, 11
HSV
200°, 13%, 89%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #C4D8E2 |
color: #C4D8E2;
|
| RGB | 196, 216, 226 |
color: rgb(196, 216, 226);
|
| RGB Percentage | 77%, 85%, 89% |
color: rgb(77%, 85%, 89%);
|
| CMYK | 13%, 4%, 0%, 11% | Not supported in CSS |
| HSL | 200°, 34%, 83% |
color: hsl(200, 34%, 83%);
|
| HSV | 200°, 13%, 89% | Not supported in CSS |
| CIE-LAB | 66, -4, -3 |
color: lab(66% -4 -3);
|
| Decimal | 12900578 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.columbia-blue {
color: #C4D8E2;
}
SCSS
$columbia-blue: #C4D8E2;
RGB
rgb(196, 216, 226)
Accessibility & Contrast
White background
1.47:1
1.47
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
14.27:1
14.27
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element