Coloried

Cobalt Blue

Cobalt Blue color is a vivid shade of dark blue. Its hex code is #0047AB and rgb code is rgb(0, 71, 171), Its CMYK value is cmyk(100%, 58%, 0%, 33%), and Its HSL value is hsl(215, 100%, 34%). Against white, it has contrast ratio of 8.44:1, while against black, the contrast ratio is 2.49:1. Its complementary color is #AD6500 and closest tailwind color is blue-800. This color goes well with #5747FF, #47F0FF, #94C1FF, #FF2814, and #EBFF14. To get this Cobalt Blue color, you can mix #0000FF and #008E57.

Cobalt Blue color code
|
1. Color Conversions
HEX#0047AB
RGB0, 71, 171
HSL215°, 100%, 34%
HSV215°, 100%, 67%
CMYK100%, 58%, 0%, 33%
Web Safe#003399
2. Contrast Ratio
Text on #FFFFFF8.44:1
AAA LargeAAA Normal
Text on #0000002.49:1
Fail LargeFail Normal
3. Cobalt Blue Color Code in CSS
HEX
#0047AB
RGB
rgb(0, 71, 171)
HSL
hsl(215, 100%, 34%)
Text Color
color: #0047AB;
Background
background-color: #0047AB;
Border Color
border-color: #0047AB;
Box Shadow
box-shadow: 0 4px 14px 0 #0047AB80;
SCSS
$color-cobalt-blue: #0047AB;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#1F1F93
Deuteranopia#1B158D
Tritanopia#04807C
Achromatopsia#3D3D3D
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive