Deep Cobalt is a medium-dark, vivid shade in the blue color family, with a cool feel. Its HEX code is #0023AD, which equals rgb(0, 35, 173) in RGB and hsl(228, 100%, 34%) in HSL. In print terms it converts to roughly C100 M80 Y0 K32, although exact CMYK results depend on the paper and color profile.
- HEX
#0023AD - RGB
0, 35, 173 - HSL
228°, 100%, 34% - CMYK
100, 80, 0, 32 - Family
Blue - Tone
Medium-dark, vivid
About Deep Cobalt
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 11.39:1. Its complementary color is #AD8B00.
Download Deep Cobalt 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…
Deep Cobalt color codes
| HEX | #0023AD |
|---|---|
| RGB | rgb(0, 35, 173) |
| HSL | hsl(228, 100%, 34%) |
| HSV | 228°, 100%, 68% |
| CMYK | 100%, 80%, 0%, 32% |
| Decimal | 9133 |
Shades and tints of Deep Cobalt
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D5DAF1 - 100
#AAB6E4 - 200
#8091D6 - 300
#556CC8 - 400
#2B48BB - 500
#0023AD - 600
#001D90 - 700
#001773 - 800
#001257 - 900
#000C3A - 950
#00061D
Color harmonies for Deep Cobalt
- Complementary
#AD8B00≈ Dark Goldenrod - Analogous −30°
#0079AD≈ Cerulean - Analogous +30°
#3400AD≈ Deep Indigo - Triadic +120°
#AD0023≈ Deep Ruby - Triadic +240°
#23AD00≈ Deep Leaf - Split 150°
#AD3400≈ Deep Vermilion - Split 210°
#79AD00≈ Deep Spring Bud
Contrast and accessibility of Deep Cobalt
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Deep Cobalt | Aa | 11.39:1 | AAA (excellent) |
| Black text on Deep Cobalt | Aa | 1.84:1 | Fails |
CSS code for Deep Cobalt
background-color: #0023AD;color: #0023AD;background-color: rgb(0, 35, 173);background-color: hsl(228, 100%, 34%);:root { --color-deep-cobalt: #0023AD; }class="bg-[#0023AD]"Colors similar to Deep Cobalt
- Deep Sapphire
#0034AD - Deep Royal
#0011AD - Deep Bright Royal
#111F9C - Deep Bright Cobalt
#112D9C - Medium Dark Bright Royal
#1527C1 - Deep Bright Blue
#11119C - Medium Dark Bright Blue
#1515C1 - Deep Bright Sapphire
#113B9C - Medium Dark Bright Cobalt
#1538C1 - Medium Dark Soft Blue
#2B2BAB - Persian Blue
#1C39BB - Deep Bright Ultramarine
#1F119C
More blue shades
- Pale Dusty Sapphire
#AFB7CA - Very Pale Dusty Sapphire
#C8CDDA - Palest Dusty Sapphire
#E0E3EB - Darkest Cobalt
#000A33 - Very Dark Cobalt
#00125C - Dark Cobalt
#001B85 - Medium Dark Cobalt
#002BD6 - Pure Cobalt
#0033FF - Medium Light Cobalt
#2954FF - Light Cobalt
#5274FF - Pale Cobalt
#7A95FF
Frequently asked questions
What is the HEX code for Deep Cobalt?
The HEX code for Deep Cobalt is #0023AD.
What is the RGB value of Deep Cobalt?
Deep Cobalt has an RGB value of 0, 35, 173 (rgb(0, 35, 173)). In HSL it is 228°, 100%, 34%.
What text color should I use on Deep Cobalt?
Use white text on Deep Cobalt. White text has a contrast ratio of 11.39:1 and black text has 1.84:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Deep Cobalt?
The complementary color of Deep Cobalt is #AD8B00. Analogous colors #0079AD and #3400AD also pair well.