Dark Bright Cobalt is a dark, saturated shade in the blue color family, with a cool feel. Its HEX code is #0D2277, which equals rgb(13, 34, 119) in RGB and hsl(228, 80%, 26%) in HSL. In print terms it converts to roughly C89 M71 Y0 K53, although exact CMYK results depend on the paper and color profile.
- HEX
#0D2277 - RGB
13, 34, 119 - HSL
228°, 80%, 26% - CMYK
89, 71, 0, 53 - Family
Blue - Tone
Dark, saturated
About Dark Bright 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. It works well for buttons, headings, illustrations and brand accents. Text in white is the most readable choice on this color, with a contrast ratio of 13.89:1. Its complementary color is #77620D.
Download Dark Bright 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 Bright Cobalt color codes
| HEX | #0D2277 |
|---|---|
| RGB | rgb(13, 34, 119) |
| HSL | hsl(228, 80%, 26%) |
| HSV | 228°, 89%, 47% |
| CMYK | 89%, 71%, 0%, 53% |
| Decimal | 860791 |
Shades and tints of Dark Bright Cobalt
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D7DAE8 - 100
#AEB5D2 - 200
#8691BB - 300
#5E6CA4 - 400
#35478E - 500
#0D2277 - 600
#0B1C63 - 700
#09174F - 800
#07113C - 900
#040B28 - 950
#020614
Color harmonies for Dark Bright Cobalt
- Complementary
#77620D≈ Dark Bright Amber - Analogous −30°
#0D5877≈ Dark Bright Peacock - Analogous +30°
#2D0D77≈ Dark Bright Indigo - Triadic +120°
#770D22≈ Dark Bright Cardinal - Triadic +240°
#22770D≈ Dark Bright Shamrock - Split 150°
#772D0D≈ Dark Bright Vermilion - Split 210°
#58770D≈ Dark Bright Lime
Contrast and accessibility of Dark Bright Cobalt
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Bright Cobalt | Aa | 13.89:1 | AAA (excellent) |
| Black text on Dark Bright Cobalt | Aa | 1.51:1 | Fails |
CSS code for Dark Bright Cobalt
background-color: #0D2277;color: #0D2277;background-color: rgb(13, 34, 119);background-color: hsl(228, 80%, 26%);:root { --color-dark-bright-cobalt: #0D2277; }class="bg-[#0D2277]"Colors similar to Dark Bright Cobalt
- Dark Bright Royal
#0D1877 - Dark Bright Sapphire
#0D2D77 - Midnight Blue
#191970 - Dark Soft Royal
#1B226A - Dark Sapphire
#002885 - Dark Soft Blue
#1B1B6A - Dark Cobalt
#001B85 - Dark Soft Cobalt
#1B2A6A - Dark Soft Ultramarine
#221B6A - Dark Bright Blue
#0D0D77 - Dark Soft Sapphire
#1B326A - Dark Bright Cornflower
#0D3877
More blue shades
- Light Cobalt
#5274FF - Pale Cobalt
#7A95FF - Very Pale Cobalt
#A3B6FF - Palest Cobalt
#CCD6FF - Darkest Bright Cobalt
#050D2E - Very Dark Bright Cobalt
#091853 - Deep Bright Cobalt
#112D9C - Medium Dark Bright Cobalt
#1538C1 - Bright Cobalt
#1942E6 - Medium Light Bright Cobalt
#3E60EA - Light Bright Cobalt
#637FEE
Frequently asked questions
What is the HEX code for Dark Bright Cobalt?
The HEX code for Dark Bright Cobalt is #0D2277.
What is the RGB value of Dark Bright Cobalt?
Dark Bright Cobalt has an RGB value of 13, 34, 119 (rgb(13, 34, 119)). In HSL it is 228°, 80%, 26%.
What text color should I use on Dark Bright Cobalt?
Use white text on Dark Bright Cobalt. White text has a contrast ratio of 13.89:1 and black text has 1.51:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dark Bright Cobalt?
The complementary color of Dark Bright Cobalt is #77620D. Analogous colors #0D5877 and #2D0D77 also pair well.