Dark Sapphire is a dark, vivid shade in the blue color family, with a cool feel. Its HEX code is #002885, which equals rgb(0, 40, 133) in RGB and hsl(222, 100%, 26%) in HSL. In print terms it converts to roughly C100 M70 Y0 K48, although exact CMYK results depend on the paper and color profile.
- HEX
#002885 - RGB
0, 40, 133 - HSL
222°, 100%, 26% - CMYK
100, 70, 0, 48 - Family
Blue - Tone
Dark, vivid
About Dark 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. 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 12.79:1. Its complementary color is #855D00.
Download Dark 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 Sapphire color codes
| HEX | #002885 |
|---|---|
| RGB | rgb(0, 40, 133) |
| HSL | hsl(222, 100%, 26%) |
| HSV | 222°, 100%, 52% |
| CMYK | 100%, 70%, 0%, 48% |
| Decimal | 10373 |
Shades and tints of Dark Sapphire
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D5DBEB - 100
#AAB7D6 - 200
#8094C2 - 300
#5570AE - 400
#2B4C99 - 500
#002885 - 600
#00216F - 700
#001B59 - 800
#001443 - 900
#000D2C - 950
#000716
Color harmonies for Dark Sapphire
- Complementary
#855D00≈ Dark Tangerine - Analogous −30°
#006A85≈ Dark Lagoon - Analogous +30°
#1B0085≈ Dark Iris - Triadic +120°
#850028≈ Burgundy - Triadic +240°
#288500≈ Dark Clover - Split 150°
#851B00≈ Dark Cinnabar - Split 210°
#6A8500≈ Dark Chartreuse
Contrast and accessibility of Dark Sapphire
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Sapphire | Aa | 12.79:1 | AAA (excellent) |
| Black text on Dark Sapphire | Aa | 1.64:1 | Fails |
CSS code for Dark Sapphire
background-color: #002885;color: #002885;background-color: rgb(0, 40, 133);background-color: hsl(222, 100%, 26%);:root { --color-dark-sapphire: #002885; }class="bg-[#002885]"Colors similar to Dark Sapphire
- Dark Cornflower
#003585 - Dark Cobalt
#001B85 - Dark Bright Sapphire
#0D2D77 - Dark Bright Cobalt
#0D2277 - Dark Bright Cornflower
#0D3877 - Dark Bright Royal
#0D1877 - Deep Bright Cobalt
#112D9C - Deep Bright Royal
#111F9C - Dark Cerulean
#004285 - Deep Soft Royal
#232D8B - Deep Soft Blue
#23238B - Dark Royal
#000D85
More blue shades
- Light Dusty Cornflower
#97A5BA - Pale Dusty Cornflower
#AFBACA - Very Pale Dusty Cornflower
#C8CFDA - Palest Dusty Cornflower
#E0E4EB - Darkest Sapphire
#000F33 - Very Dark Sapphire
#001C5C - Deep Sapphire
#0034AD - Medium Dark Sapphire
#0040D6 - Pure Sapphire
#004CFF - Medium Light Sapphire
#2969FF - Light Sapphire
#5286FF
Frequently asked questions
What is the HEX code for Dark Sapphire?
The HEX code for Dark Sapphire is #002885.
What is the RGB value of Dark Sapphire?
Dark Sapphire has an RGB value of 0, 40, 133 (rgb(0, 40, 133)). In HSL it is 222°, 100%, 26%.
What text color should I use on Dark Sapphire?
Use white text on Dark Sapphire. White text has a contrast ratio of 12.79:1 and black text has 1.64:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dark Sapphire?
The complementary color of Dark Sapphire is #855D00. Analogous colors #006A85 and #1B0085 also pair well.