Darkest Sapphire is a very dark, vivid shade in the blue color family, with a cool feel. Its HEX code is #000F33, which equals rgb(0, 15, 51) in RGB and hsl(222, 100%, 10%) in HSL. In print terms it converts to roughly C100 M71 Y0 K80, although exact CMYK results depend on the paper and color profile.
- HEX
#000F33 - RGB
0, 15, 51 - HSL
222°, 100%, 10% - CMYK
100, 71, 0, 80 - Family
Blue - Tone
Very dark, vivid
About Darkest 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. 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 18.81:1. Its complementary color is #332400.
Download Darkest 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…
Darkest Sapphire color codes
| HEX | #000F33 |
|---|---|
| RGB | rgb(0, 15, 51) |
| HSL | hsl(222, 100%, 10%) |
| HSV | 222°, 100%, 20% |
| CMYK | 100%, 71%, 0%, 80% |
| Decimal | 3891 |
Shades and tints of Darkest Sapphire
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D5D7DD - 100
#AAAFBB - 200
#808799 - 300
#555F77 - 400
#2B3755 - 500
#000F33 - 600
#000D2B - 700
#000A22 - 800
#00081A - 900
#000511 - 950
#000309
Color harmonies for Darkest Sapphire
- Complementary
#332400≈ Darkest Tangerine - Analogous −30°
#002933≈ Darkest Lagoon - Analogous +30°
#0A0033≈ Darkest Ultramarine - Triadic +120°
#33000F≈ Darkest Carmine - Triadic +240°
#0F3300≈ Darkest Clover - Split 150°
#330A00≈ Darkest Scarlet - Split 210°
#293300≈ Darkest Chartreuse
Contrast and accessibility of Darkest Sapphire
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Darkest Sapphire | Aa | 18.81:1 | AAA (excellent) |
| Black text on Darkest Sapphire | Aa | 1.12:1 | Fails |
CSS code for Darkest Sapphire
background-color: #000F33;color: #000F33;background-color: rgb(0, 15, 51);background-color: hsl(222, 100%, 10%);:root { --color-darkest-sapphire: #000F33; }class="bg-[#000F33]"Colors similar to Darkest Sapphire
- Darkest Cornflower
#001433 - Darkest Cobalt
#000A33 - Darkest Bright Sapphire
#05112E - Darkest Bright Cobalt
#050D2E - Darkest Bright Cornflower
#05152E - Darkest Bright Royal
#05092E - Darkest Cerulean
#001933 - Darkest Royal
#000533 - Darkest Soft Cobalt
#0A1029 - Darkest Soft Royal
#0A0D29 - Darkest Bright Cerulean
#05192E - Darkest Bright Blue
#05052E
More blue shades
- Dusty Cornflower
#667A99 - Medium Light Dusty Cornflower
#7E90A9 - Light Dusty Cornflower
#97A5BA - Pale Dusty Cornflower
#AFBACA - Very Pale Dusty Cornflower
#C8CFDA - Palest Dusty Cornflower
#E0E4EB - Very Dark Sapphire
#001C5C - Dark Sapphire
#002885 - Deep Sapphire
#0034AD - Medium Dark Sapphire
#0040D6 - Pure Sapphire
#004CFF
Frequently asked questions
What is the HEX code for Darkest Sapphire?
The HEX code for Darkest Sapphire is #000F33.
What is the RGB value of Darkest Sapphire?
Darkest Sapphire has an RGB value of 0, 15, 51 (rgb(0, 15, 51)). In HSL it is 222°, 100%, 10%.
What text color should I use on Darkest Sapphire?
Use white text on Darkest Sapphire. White text has a contrast ratio of 18.81:1 and black text has 1.12:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Darkest Sapphire?
The complementary color of Darkest Sapphire is #332400. Analogous colors #002933 and #0A0033 also pair well.