Dark Dusty Sapphire is a dark, muted shade in the blue color family, with a cool feel. Its HEX code is #353D50, which equals rgb(53, 61, 80) in RGB and hsl(222, 20%, 26%) in HSL. In print terms it converts to roughly C34 M24 Y0 K69, although exact CMYK results depend on the paper and color profile.
- HEX
#353D50 - RGB
53, 61, 80 - HSL
222°, 20%, 26% - CMYK
34, 24, 0, 69 - Family
Blue - Tone
Dark, muted
About Dark Dusty 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 10.85:1. Its complementary color is #504835.
Download Dark 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…
Dark Dusty Sapphire color codes
| HEX | #353D50 |
|---|---|
| RGB | rgb(53, 61, 80) |
| HSL | hsl(222, 20%, 26%) |
| HSV | 222°, 34%, 31% |
| CMYK | 34%, 24%, 0%, 69% |
| Decimal | 3489104 |
Shades and tints of Dark Dusty Sapphire
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DDDFE2 - 100
#BCBEC5 - 200
#9A9EA8 - 300
#787E8A - 400
#575D6D - 500
#353D50 - 600
#2C3343 - 700
#232935 - 800
#1B1F28 - 900
#12141B - 950
#090A0D
Color harmonies for Dark Dusty Sapphire
- Complementary
#504835≈ Dark Dusty Marigold - Analogous −30°
#354A50≈ Dark Dusty Capri - Analogous +30°
#3A3550≈ Dark Dusty Ultramarine - Triadic +120°
#50353D≈ Dark Dusty Carmine - Triadic +240°
#3D5035≈ Dark Dusty Clover - Split 150°
#503A35≈ Dark Dusty Scarlet - Split 210°
#4A5035≈ Dark Dusty Chartreuse
Contrast and accessibility of Dark Dusty Sapphire
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Dusty Sapphire | Aa | 10.85:1 | AAA (excellent) |
| Black text on Dark Dusty Sapphire | Aa | 1.93:1 | Fails |
CSS code for Dark Dusty Sapphire
background-color: #353D50;color: #353D50;background-color: rgb(53, 61, 80);background-color: hsl(222, 20%, 26%);:root { --color-dark-dusty-sapphire: #353D50; }class="bg-[#353D50]"Colors similar to Dark Dusty Sapphire
- Dark Dusty Cornflower
#354050 - Dark Dusty Cobalt
#353A50 - Dark Dusty Cerulean
#354250 - Dark Dusty Royal
#353850 - Dark Dusty Azure
#354550 - Dark Dusty Blue
#353550 - Charcoal
#36454F - Dark Dusty Ultramarine
#383550 - Dark Dusty Indigo
#3A3550 - Dark Dusty Iris
#3D3550 - Cool Gray 25
#3A3F45 - Dark Dusty Capri
#354850
More blue shades
- Medium Light Muted Sapphire
#6983BF - Light Muted Sapphire
#869ACB - Pale Muted Sapphire
#A2B2D7 - Very Pale Muted Sapphire
#BFCAE3 - Palest Muted Sapphire
#DBE1F0 - Very Dark Dusty Sapphire
#252A37 - Deep Dusty Sapphire
#455068 - Medium Dark Dusty Sapphire
#566381 - Dusty Sapphire
#667599 - Medium Light Dusty Sapphire
#7E8BA9 - Light Dusty Sapphire
#97A1BA
Frequently asked questions
What is the HEX code for Dark Dusty Sapphire?
The HEX code for Dark Dusty Sapphire is #353D50.
What is the RGB value of Dark Dusty Sapphire?
Dark Dusty Sapphire has an RGB value of 53, 61, 80 (rgb(53, 61, 80)). In HSL it is 222°, 20%, 26%.
What text color should I use on Dark Dusty Sapphire?
Use white text on Dark Dusty Sapphire. White text has a contrast ratio of 10.85:1 and black text has 1.93:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dark Dusty Sapphire?
The complementary color of Dark Dusty Sapphire is #504835. Analogous colors #354A50 and #3A3550 also pair well.