Darkest Dusty Sapphire is a very dark, muted shade in the black color family, with a cool feel. Its HEX code is #14171F, which equals rgb(20, 23, 31) in RGB and hsl(224, 22%, 10%) in HSL. In print terms it converts to roughly C35 M26 Y0 K88, although exact CMYK results depend on the paper and color profile.
- HEX
#14171F - RGB
20, 23, 31 - HSL
224°, 22%, 10% - CMYK
35, 26, 0, 88 - Family
Black - Tone
Very dark, muted
About Darkest Dusty Sapphire
Black and near-black shades give depth, contrast and a sense of sophistication. Dark neutrals are the foundation of dark modes, text colors and high-end branding. 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 17.92:1. Its complementary color is #1F1C14.
Download Darkest Dusty 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 Dusty Sapphire color codes
| HEX | #14171F |
|---|---|
| RGB | rgb(20, 23, 31) |
| HSL | hsl(224, 22%, 10%) |
| HSV | 224°, 35%, 12% |
| CMYK | 35%, 26%, 0%, 88% |
| Decimal | 1316639 |
Shades and tints of Darkest Dusty Sapphire
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#D8D8DA - 100
#B1B2B4 - 200
#8A8B8F - 300
#62646A - 400
#3B3E44 - 500
#14171F - 600
#11131A - 700
#0D0F15 - 800
#0A0C10 - 900
#07080A - 950
#030405
Color harmonies for Darkest Dusty Sapphire
- Complementary
#1F1C14≈ Darkest Dusty Tangerine - Analogous −30°
#141C1F≈ Darkest Dusty Peacock - Analogous +30°
#17141F≈ Darkest Dusty Indigo - Triadic +120°
#1F1417≈ Darkest Dusty Carmine - Triadic +240°
#171F14≈ Darkest Dusty Clover - Split 150°
#1F1714≈ Darkest Dusty Vermilion - Split 210°
#1C1F14≈ Darkest Dusty Spring Bud
Contrast and accessibility of Darkest Dusty Sapphire
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Darkest Dusty Sapphire | Aa | 17.92:1 | AAA (excellent) |
| Black text on Darkest Dusty Sapphire | Aa | 1.17:1 | Fails |
CSS code for Darkest Dusty Sapphire
background-color: #14171F;color: #14171F;background-color: rgb(20, 23, 31);background-color: hsl(224, 22%, 10%);:root { --color-darkest-dusty-sapphire: #14171F; }class="bg-[#14171F]"Colors similar to Darkest Dusty Sapphire
- Darkest Dusty Cornflower
#14181F - Darkest Dusty Cobalt
#14161F - Darkest Dusty Cerulean
#14191F - Darkest Dusty Royal
#14151F - Darkest Dusty Blue
#14141F - Darkest Dusty Ultramarine
#15141F - Darkest Dusty Indigo
#16141F - Darkest Dusty Iris
#17141F - Cool Gray 10
#17191C - Darkest Dusty Azure
#141B1F - Darkest Dusty Periwinkle
#18141F - Darkest Dusty Violet
#19141F
More black shades
- Darkest Dusty Lagoon
#141E1F - Darkest Dusty Peacock
#141D1F - Darkest Dusty Capri
#141C1F - Darkest Dusty Azure
#141B1F - Darkest Dusty Cerulean
#14191F - Darkest Dusty Cornflower
#14181F - Darkest Dusty Cobalt
#14161F - Darkest Dusty Royal
#14151F - Darkest Dusty Blue
#14141F - Darkest Dusty Ultramarine
#15141F - Darkest Dusty Indigo
#16141F
Frequently asked questions
What is the HEX code for Darkest Dusty Sapphire?
The HEX code for Darkest Dusty Sapphire is #14171F.
What is the RGB value of Darkest Dusty Sapphire?
Darkest Dusty Sapphire has an RGB value of 20, 23, 31 (rgb(20, 23, 31)). In HSL it is 224°, 22%, 10%.
What text color should I use on Darkest Dusty Sapphire?
Use white text on Darkest Dusty Sapphire. White text has a contrast ratio of 17.92:1 and black text has 1.17:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Darkest Dusty Sapphire?
The complementary color of Darkest Dusty Sapphire is #1F1C14. Analogous colors #141C1F and #17141F also pair well.