Dark Blue

#111184
RGB
17, 17, 132
HSL
240°, 77%, 29%
CMYK
87, 87, 0, 48
HSV
240°, 87%, 52%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #111184 color: #111184;
RGB 17, 17, 132 color: rgb(17, 17, 132);
RGB Percentage 7%, 7%, 52% color: rgb(7%, 7%, 52%);
CMYK 87%, 87%, 0%, 48% Not supported in CSS
HSL 240°, 77%, 29% color: hsl(240, 77%, 29%);
HSV 240°, 87%, 52% Not supported in CSS
CIE-LAB 23, 0, -38 color: lab(23% 0 -38);
Decimal 1118596 Not supported in CSS

Color Variations

Shades

#111183
#0F0F76
#0E0E69
#0C0C5C
#0A0A4F
#090941
#070734
#050527

Tints

#9F9FF3
#7F7FEE
#5F5FEA
#3F3FE6
#1F1FE2
#1919C3
#1515A3
#111183

Tones

#111183
#17177D
#1C1C78
#222272
#28286C
#2D2D66
#333361
#39395B

Hues

#111183
#661183
#83114A
#832D11
#838311
#2D8311
#11834A
#116683

Color Harmonies

Analogous

#114A83
Click to copy
Dark Blue
87%
#111184
Click to copy
Dark blue
100%
#4A1183
Click to copy
Dark Purple
87%

Complementary

#111184
Click to copy
Dark blue
100%
#838311
Click to copy
Dark Yellow
55%

Split Complementary

#111184
Click to copy
Dark blue
100%
#834A11
Click to copy
Dark Orange
61%
#4A8311
Click to copy
Dark Green
61%

Triadic

#111184
Click to copy
Dark blue
100%
#831111
Click to copy
Dark Red
63%
#118311
Click to copy
Dark Green
63%

Tetradic

#111184
Click to copy
Dark blue
100%
#83114A
Click to copy
Dark Magenta
71%
#838311
Click to copy
Dark Yellow
55%
#11834A
Click to copy
Dark Cyan
71%

Square

#111184
Click to copy
Dark blue
100%
#83114A
Click to copy
Dark Magenta
71%
#838311
Click to copy
Dark Yellow
55%
#11834A
Click to copy
Dark Cyan
71%

CSS & Dev Snippets

CSS
.dark-blue {
  color: #111184;
}
SCSS
$dark-blue: #111184;
RGB
rgb(17, 17, 132)

Accessibility & Contrast

White background

14.61:1
14.61
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

1.44:1
1.44
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags