Cobalt Blue hex code
The hex code for cobalt blue is #0047AB. In RGB that is rgb(0, 71, 171) and in HSL it is hsl(215, 100%, 34%).
The hex code for cobalt blue is #0047AB. In RGB that is rgb(0, 71, 171) and in HSL it is hsl(215, 100%, 34%).
Cobalt Blue · #0047AB
Colour codes
- HEX
- #0047AB
- RGB
- rgb(0, 71, 171)
- HSL
- hsl(215, 100%, 34%)
- CMYK
- 100, 58, 0, 33
- Contrast on white
- 8.44:1
- Contrast on black
- 2.49:1
Tints and shades
20% lighter · #336cbc
40% lighter · #6691cd
60% lighter · #99b5dd
80% lighter · #ccdaee
20% darker · #003989
40% darker · #002b67
60% darker · #001c44
80% darker · #000e22
Complementary colour
Cobalt Blue · #0047AB
Opposite on the colour wheel · #ad6500
Frequently asked questions
What is the hex code for cobalt blue?
The hex code for cobalt blue is #0047AB. In RGB that is rgb(0, 71, 171) and in HSL it is hsl(215, 100%, 34%).
Can I use cobalt blue for text?
It has a contrast ratio of 8.44:1 on white and 2.49:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a white background.
What colour goes with cobalt blue?
Its complementary colour, opposite on the colour wheel, is #AD6500. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of cobalt blue instead.
Is cobalt blue a CSS colour name?
No. Cobalt Blue is a common name rather than a CSS keyword, and different sources use slightly different values. #0047AB is the most widely used one - use the hex value in CSS.