Cobalt Blue

#0047AB
RGB
0, 71, 171
HSL
215°, 100%, 34%
CMYK
100, 58, 0, 33
HSV
215°, 100%, 67%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #0047AB color: #0047AB;
RGB 0, 71, 171 color: rgb(0, 71, 171);
RGB Percentage 0%, 28%, 67% color: rgb(0%, 28%, 67%);
CMYK 100%, 58%, 0%, 33% Not supported in CSS
HSL 215°, 100%, 34% color: hsl(215, 100%, 34%);
HSV 215°, 100%, 67% Not supported in CSS
CIE-LAB 27, -14, -33 color: lab(27% -14 -33);
Decimal 18347 Not supported in CSS

Color Variations

Shades

#0048AD
#00419C
#003A8B
#003379
#002B68
#002457
#001D45
#001634

Tints

#9AC4FF
#78B0FF
#579DFF
#3589FF
#1376FF
#0064F1
#0056CF
#0048AD

Tones

#0048AD
#094AA5
#114B9C
#1A4D93
#234E8B
#2B4F82
#345179
#3D5271

Hues

#0048AD
#3A00AD
#AD009F
#AD001D
#AD6500
#74AD00
#00AD0E
#00AD91

Color Harmonies

Analogous

#009FAD
Click to copy
Dark Cyan
80%
#0047AB
Click to copy
Cobalt blue
100%
#0E00AD
Click to copy
Dark Blue
84%

Complementary

#0047AB
Click to copy
Cobalt blue
100%
#AD6500
Click to copy
Dark Orange
44%

Split Complementary

#0047AB
Click to copy
Cobalt blue
100%
#AD0E00
Click to copy
Dark Red
43%
#9FAD00
Click to copy
Dark Yellow
42%

Triadic

#0047AB
Click to copy
Cobalt blue
100%
#AD0048
Click to copy
Dark Magenta
52%
#48AD00
Click to copy
Dark Green
52%

Tetradic

#0047AB
Click to copy
Cobalt blue
100%
#AD009F
Click to copy
Dark Purple
58%
#AD6500
Click to copy
Dark Orange
44%
#00AD0E
Click to copy
Dark Green
58%

Square

#0047AB
Click to copy
Cobalt blue
100%
#AD009F
Click to copy
Dark Purple
58%
#AD6500
Click to copy
Dark Orange
44%
#00AD0E
Click to copy
Dark Green
58%

CSS & Dev Snippets

CSS
.cobalt-blue {
  color: #0047AB;
}
SCSS
$cobalt-blue: #0047AB;
RGB
rgb(0, 71, 171)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags