RGB
21, 96, 189
HSL
213°, 80%, 41%
CMYK
89, 49, 0, 26
HSV
213°, 89%, 74%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #1560BD |
color: #1560BD;
|
| RGB | 21, 96, 189 |
color: rgb(21, 96, 189);
|
| RGB Percentage | 8%, 38%, 74% |
color: rgb(8%, 38%, 74%);
|
| CMYK | 89%, 49%, 0%, 26% | Not supported in CSS |
| HSL | 213°, 80%, 41% |
color: hsl(213, 80%, 41%);
|
| HSV | 213°, 89%, 74% | Not supported in CSS |
| CIE-LAB | 33, -15, -31 |
color: lab(33% -15 -31);
|
| Decimal | 1401021 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.denim-color {
color: #1560BD;
}
SCSS
$denim-color: #1560BD;
RGB
rgb(21, 96, 189)
Accessibility & Contrast
White background
6.10:1
6.10
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
3.44:1
3.44
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element