Dark Bright Sapphire is a dark, saturated shade in the blue color family, with a cool feel. Its HEX code is #0D2D77, which equals rgb(13, 45, 119) in RGB and hsl(222, 80%, 26%) in HSL. In print terms it converts to roughly C89 M62 Y0 K53, although exact CMYK results depend on the paper and color profile.
- HEX
#0D2D77 - RGB
13, 45, 119 - HSL
222°, 80%, 26% - CMYK
89, 62, 0, 53 - Family
Blue - Tone
Dark, saturated
About Dark Bright Sapphire
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 12.66:1. Its complementary color is #77580D.
Download Dark Bright Sapphire 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 Sapphire color codes
| HEX | #0D2D77 |
|---|---|
| RGB | rgb(13, 45, 119) |
| HSL | hsl(222, 80%, 26%) |
| HSV | 222°, 89%, 47% |
| CMYK | 89%, 62%, 0%, 53% |
| Decimal | 863607 |
Shades and tints of Dark Bright Sapphire
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D7DCE8 - 100
#AEB9D2 - 200
#8696BB - 300
#5E73A4 - 400
#35508E - 500
#0D2D77 - 600
#0B2663 - 700
#091E4F - 800
#07173C - 900
#040F28 - 950
#020814
Color harmonies for Dark Bright Sapphire
- Complementary
#77580D≈ Dark Bright Marigold - Analogous −30°
#0D6277≈ Dark Bright Capri - Analogous +30°
#220D77≈ Dark Bright Ultramarine - Triadic +120°
#770D2D≈ Dark Bright Carmine - Triadic +240°
#2D770D≈ Dark Bright Clover - Split 150°
#77220D≈ Dark Bright Scarlet - Split 210°
#62770D≈ Dark Bright Chartreuse
Contrast and accessibility of Dark Bright Sapphire
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Bright Sapphire | Aa | 12.66:1 | AAA (excellent) |
| Black text on Dark Bright Sapphire | Aa | 1.66:1 | Fails |
CSS code for Dark Bright Sapphire
background-color: #0D2D77;color: #0D2D77;background-color: rgb(13, 45, 119);background-color: hsl(222, 80%, 26%);:root { --color-dark-bright-sapphire: #0D2D77; }class="bg-[#0D2D77]"Colors similar to Dark Bright Sapphire
- Dark Bright Cornflower
#0D3877 - Dark Bright Cobalt
#0D2277 - Dark Soft Cobalt
#1B2A6A - Dark Soft Sapphire
#1B326A - Dark Sapphire
#002885 - Dark Cornflower
#003585 - Dark Soft Royal
#1B226A - Dark Soft Cornflower
#1B3A6A - Dark Bright Cerulean
#0D4277 - Dark Bright Royal
#0D1877 - Midnight Blue
#191970 - Deep Soft Royal
#232D8B
More blue shades
- Light Sapphire
#5286FF - Pale Sapphire
#7AA2FF - Very Pale Sapphire
#A3BFFF - Palest Sapphire
#CCDBFF - Darkest Bright Sapphire
#05112E - Very Dark Bright Sapphire
#091F53 - Deep Bright Sapphire
#113B9C - Medium Dark Bright Sapphire
#1549C1 - Bright Sapphire
#1957E6 - Medium Light Bright Sapphire
#3E72EA - Light Bright Sapphire
#638DEE
Frequently asked questions
What is the HEX code for Dark Bright Sapphire?
The HEX code for Dark Bright Sapphire is #0D2D77.
What is the RGB value of Dark Bright Sapphire?
Dark Bright Sapphire has an RGB value of 13, 45, 119 (rgb(13, 45, 119)). In HSL it is 222°, 80%, 26%.
What text color should I use on Dark Bright Sapphire?
Use white text on Dark Bright Sapphire. White text has a contrast ratio of 12.66:1 and black text has 1.66:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dark Bright Sapphire?
The complementary color of Dark Bright Sapphire is #77580D. Analogous colors #0D6277 and #220D77 also pair well.