Dark Muted Sapphire is a dark, moderately saturated shade in the blue color family, with a cool feel. Its HEX code is #28385D, which equals rgb(40, 56, 93) in RGB and hsl(222, 40%, 26%) in HSL. In print terms it converts to roughly C57 M40 Y0 K64, although exact CMYK results depend on the paper and color profile.
- HEX
#28385D - RGB
40, 56, 93 - HSL
222°, 40%, 26% - CMYK
57, 40, 0, 64 - Family
Blue - Tone
Dark, moderately saturated
About Dark Muted 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 11.58:1. Its complementary color is #5D4D28.
Download Dark Muted 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 Muted Sapphire color codes
| HEX | #28385D |
|---|---|
| RGB | rgb(40, 56, 93) |
| HSL | hsl(222, 40%, 26%) |
| HSV | 222°, 57%, 36% |
| CMYK | 57%, 40%, 0%, 64% |
| Decimal | 2635869 |
Shades and tints of Dark Muted Sapphire
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DBDEE4 - 100
#B7BDC9 - 200
#949CAE - 300
#707A93 - 400
#4C5978 - 500
#28385D - 600
#212F4E - 700
#1B253E - 800
#141C2F - 900
#0D131F - 950
#070910
Color harmonies for Dark Muted Sapphire
- Complementary
#5D4D28≈ Dark Muted Tangerine - Analogous −30°
#28525D≈ Dark Muted Capri - Analogous +30°
#32285D≈ Dark Muted Ultramarine - Triadic +120°
#5D2838≈ Dark Muted Carmine - Triadic +240°
#385D28≈ Dark Muted Fern - Split 150°
#5D3228≈ Dark Muted Scarlet - Split 210°
#525D28≈ Dark Muted Chartreuse
Contrast and accessibility of Dark Muted Sapphire
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Dark Muted Sapphire | Aa | 11.58:1 | AAA (excellent) |
| Black text on Dark Muted Sapphire | Aa | 1.81:1 | Fails |
CSS code for Dark Muted Sapphire
background-color: #28385D;color: #28385D;background-color: rgb(40, 56, 93);background-color: hsl(222, 40%, 26%);:root { --color-dark-muted-sapphire: #28385D; }class="bg-[#28385D]"Colors similar to Dark Muted Sapphire
- Dark Muted Cornflower
#283D5D - Dark Muted Cobalt
#28325D - Dark Muted Cerulean
#28425D - Dark Muted Royal
#282D5D - Dark Dusty Royal
#353850 - Dark Soft Cornflower
#1B3A6A - Dark Dusty Cobalt
#353A50 - Dark Dusty Blue
#353550 - Dark Dusty Sapphire
#353D50 - Dark Soft Sapphire
#1B326A - Dark Muted Azure
#28485D - Dark Muted Blue
#28285D
More blue shades
- Light Soft Sapphire
#7493DC - Pale Soft Sapphire
#95ADE4 - Very Pale Soft Sapphire
#B6C6ED - Palest Soft Sapphire
#D6DFF5 - Darkest Muted Sapphire
#0F1524 - Very Dark Muted Sapphire
#1C2740 - Deep Muted Sapphire
#344979 - Medium Dark Muted Sapphire
#405A96 - Muted Sapphire
#4D6BB2 - Medium Light Muted Sapphire
#6983BF - Light Muted Sapphire
#869ACB
Frequently asked questions
What is the HEX code for Dark Muted Sapphire?
The HEX code for Dark Muted Sapphire is #28385D.
What is the RGB value of Dark Muted Sapphire?
Dark Muted Sapphire has an RGB value of 40, 56, 93 (rgb(40, 56, 93)). In HSL it is 222°, 40%, 26%.
What text color should I use on Dark Muted Sapphire?
Use white text on Dark Muted Sapphire. White text has a contrast ratio of 11.58:1 and black text has 1.81:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Dark Muted Sapphire?
The complementary color of Dark Muted Sapphire is #5D4D28. Analogous colors #28525D and #32285D also pair well.