RGB
45, 104, 196
HSL
217°, 63%, 47%
CMYK
77, 47, 0, 23
HSV
217°, 77%, 77%
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #2D68C4 |
color: #2D68C4;
|
| RGB | 45, 104, 196 |
color: rgb(45, 104, 196);
|
| RGB Percentage | 18%, 41%, 77% |
color: rgb(18%, 41%, 77%);
|
| CMYK | 77%, 47%, 0%, 23% | Not supported in CSS |
| HSL | 217°, 63%, 47% |
color: hsl(217, 63%, 47%);
|
| HSV | 217°, 77%, 77% | Not supported in CSS |
| CIE-LAB | 38, -12, -31 |
color: lab(38% -12 -31);
|
| Decimal | 2975940 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
CSS
.true-blue {
color: #2D68C4;
}
SCSS
$true-blue: #2D68C4;
RGB
rgb(45, 104, 196)
Accessibility & Contrast
White background
5.40:1
5.40
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element
Black background
3.89:1
3.89
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element