Dark Cobalt is a dark, vivid shade in the blue color family, with a cool feel. Its HEX code is #001B85, which equals rgb(0, 27, 133) in RGB and hsl(228, 100%, 26%) in HSL. In print terms it converts to roughly C100 M80 Y0 K48, although exact CMYK results depend on the paper and color profile.
- HEX
#001B85 - RGB
0, 27, 133 - HSL
228°, 100%, 26% - CMYK
100, 80, 0, 48 - Family
Blue - Tone
Dark, vivid
About Dark 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. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in white is the most readable choice on this color, with a contrast ratio of 14.04:1. Its complementary color is #856A00.
Download Dark 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…
Dark Cobalt color codes
| HEX | #001B85 |
|---|---|
| RGB | rgb(0, 27, 133) |
| HSL | hsl(228, 100%, 26%) |
| HSV | 228°, 100%, 52% |
| CMYK | 100%, 80%, 0%, 48% |
| Decimal | 7045 |
Shades and tints of Dark Cobalt
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D5D9EB - 100
#AAB3D6 - 200
#808DC2 - 300
#5567AE - 400
#2B4199 - 500
#001B85 - 600
#00176F - 700
#001259 - 800
#000E43 - 900
#00092C - 950
#000516
Color harmonies for Dark Cobalt
- Complementary
#856A00≈ Dark Amber - Analogous −30°
#005D85≈ Dark Peacock - Analogous +30°
#280085≈ Dark Indigo - Triadic +120°
#85001B≈ Burgundy - Triadic +240°
#1B8500≈ Dark Leaf - Split 150°
#852800≈ Dark Vermilion - Split 210°
#5D8500≈ Avocado
Contrast and accessibility of Dark Cobalt
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Cobalt | Aa | 14.04:1 | AAA (excellent) |
| Black text on Dark Cobalt | Aa | 1.50:1 | Fails |
CSS code for Dark Cobalt
background-color: #001B85;color: #001B85;background-color: rgb(0, 27, 133);background-color: hsl(228, 100%, 26%);:root { --color-dark-cobalt: #001B85; }class="bg-[#001B85]"Colors similar to Dark Cobalt
- Dark Sapphire
#002885 - Dark Royal
#000D85 - Dark Bright Royal
#0D1877 - Dark Bright Cobalt
#0D2277 - Dark Bright Blue
#0D0D77 - Deep Bright Royal
#111F9C - Dark Bright Sapphire
#0D2D77 - Dark Bright Ultramarine
#180D77 - Deep Bright Blue
#11119C - Midnight Blue
#191970 - Dark Cornflower
#003585 - Deep Soft Blue
#23238B
More blue shades
- Light Dusty Sapphire
#97A1BA - Pale Dusty Sapphire
#AFB7CA - Very Pale Dusty Sapphire
#C8CDDA - Palest Dusty Sapphire
#E0E3EB - Darkest Cobalt
#000A33 - Very Dark Cobalt
#00125C - Deep Cobalt
#0023AD - Medium Dark Cobalt
#002BD6 - Pure Cobalt
#0033FF - Medium Light Cobalt
#2954FF - Light Cobalt
#5274FF
Frequently asked questions
What is the HEX code for Dark Cobalt?
The HEX code for Dark Cobalt is #001B85.
What is the RGB value of Dark Cobalt?
Dark Cobalt has an RGB value of 0, 27, 133 (rgb(0, 27, 133)). In HSL it is 228°, 100%, 26%.
What text color should I use on Dark Cobalt?
Use white text on Dark Cobalt. White text has a contrast ratio of 14.04:1 and black text has 1.50:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dark Cobalt?
The complementary color of Dark Cobalt is #856A00. Analogous colors #005D85 and #280085 also pair well.