Cobalt Blue is a medium-dark, vivid shade in the blue color family, with a cool feel. Its HEX code is #0047AB, which equals rgb(0, 71, 171) in RGB and hsl(215, 100%, 34%) in HSL. In print terms it converts to roughly C100 M58 Y0 K33, although exact CMYK results depend on the paper and color profile.
- HEX
#0047AB - RGB
0, 71, 171 - HSL
215°, 100%, 34% - CMYK
100, 58, 0, 33 - Family
Blue - Tone
Medium-dark, vivid
About Cobalt Blue
Blue shades feel trustworthy, calm and professional. This family includes cyans, teals, skies and navies, and it is the most common choice for technology, finance and healthcare brands. Designers often reach for it as an accent, a button color or a background tint. Text in white is the most readable choice on this color, with a contrast ratio of 8.44:1. Its complementary color is #AD6500.
Download Cobalt Blue as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Cobalt Blue color codes
| HEX | #0047AB |
|---|---|
| RGB | rgb(0, 71, 171) |
| HSL | hsl(215, 100%, 34%) |
| HSV | 215°, 100%, 67% |
| CMYK | 100%, 58%, 0%, 33% |
| Decimal | 18347 |
Shades and tints of Cobalt Blue
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D5E0F1 - 100
#AAC2E3 - 200
#80A3D5 - 300
#5584C7 - 400
#2B66B9 - 500
#0047AB - 600
#003B8F - 700
#002F72 - 800
#002456 - 900
#001839 - 950
#000C1D
Color harmonies for Cobalt Blue
- Complementary
#AD6500≈ Deep Tangerine - Analogous −30°
#009FAD≈ Deep Lagoon - Analogous +30°
#0E00AD≈ Deep Ultramarine - Triadic +120°
#AD0048≈ Deep Carmine - Triadic +240°
#48AD00≈ Deep Fern - Split 150°
#AD0E00≈ Deep Scarlet - Split 210°
#9FAD00≈ Deep Citron
Contrast and accessibility of Cobalt Blue
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Cobalt Blue | Aa | 8.44:1 | AAA (excellent) |
| Black text on Cobalt Blue | Aa | 2.49:1 | Fails |
CSS code for Cobalt Blue
background-color: #0047AB;color: #0047AB;background-color: rgb(0, 71, 171);background-color: hsl(215, 100%, 34%);:root { --color-cobalt-blue: #0047AB; }class="bg-[#0047AB]"Colors similar to Cobalt Blue
- Deep Cornflower
#0045AD - Deep Cerulean
#0057AD - Deep Bright Cornflower
#11499C - Deep Sapphire
#0034AD - Sapphire
#0F52BA - Deep Bright Sapphire
#113B9C - Deep Bright Cerulean
#11579C - Medium Dark Bright Sapphire
#1549C1 - Persian Blue
#1C39BB - Medium Dark Bright Cobalt
#1538C1 - Medium Dark Bright Cornflower
#155AC1 - Medium Dark Soft Cobalt
#2B45AB
More blue shades
- Slate Blue
#6A5ACD - Steel Blue
#4682B4 - Turquoise
#40E0D0 - Cerulean
#007BA7 - Sapphire
#0F52BA - Periwinkle
#CCCCFF - Ultramarine
#3F00FF - Iris
#5A4FCF - Denim
#1560BD - Azure Blue
#007FFF - Persian Blue
#1C39BB
Frequently asked questions
What is the HEX code for Cobalt Blue?
The HEX code for Cobalt Blue is #0047AB.
What is the RGB value of Cobalt Blue?
Cobalt Blue has an RGB value of 0, 71, 171 (rgb(0, 71, 171)). In HSL it is 215°, 100%, 34%.
What text color should I use on Cobalt Blue?
Use white text on Cobalt Blue. White text has a contrast ratio of 8.44:1 and black text has 2.49:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Cobalt Blue?
The complementary color of Cobalt Blue is #AD6500. Analogous colors #009FAD and #0E00AD also pair well.