Medium Dark Dusty Sapphire is a medium-dark, muted shade in the blue color family, with a cool feel. Its HEX code is #566381, which equals rgb(86, 99, 129) in RGB and hsl(222, 20%, 42%) in HSL. In print terms it converts to roughly C33 M23 Y0 K49, although exact CMYK results depend on the paper and color profile.
- HEX
#566381 - RGB
86, 99, 129 - HSL
222°, 20%, 42% - CMYK
33, 23, 0, 49 - Family
Blue - Tone
Medium-dark, muted
About Medium 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. 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 6.00:1. Its complementary color is #817456.
Download Medium 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…
Medium Dark Dusty Sapphire color codes
| HEX | #566381 |
|---|---|
| RGB | rgb(86, 99, 129) |
| HSL | hsl(222, 20%, 42%) |
| HSV | 222°, 33%, 51% |
| CMYK | 33%, 23%, 0%, 49% |
| Decimal | 5661569 |
Shades and tints of Medium Dark Dusty Sapphire
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E3E5EA - 100
#C7CBD5 - 200
#ABB1C0 - 300
#8E97AB - 400
#727D96 - 500
#566381 - 600
#48536C - 700
#394256 - 800
#2B3241 - 900
#1D212B - 950
#0E1116
Color harmonies for Medium Dark Dusty Sapphire
- Complementary
#817456≈ Medium Dark Dusty Marigold - Analogous −30°
#567881≈ Medium Dark Dusty Lagoon - Analogous +30°
#5E5681≈ Medium Dark Dusty Ultramarine - Triadic +120°
#815663≈ Medium Dark Dusty Carmine - Triadic +240°
#638156≈ Medium Dark Dusty Fern - Split 150°
#815E56≈ Medium Dark Dusty Scarlet - Split 210°
#788156≈ Medium Dark Dusty Chartreuse
Contrast and accessibility of Medium Dark Dusty Sapphire
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Medium Dark Dusty Sapphire | Aa | 6.00:1 | AA (good) |
| Black text on Medium Dark Dusty Sapphire | Aa | 3.50:1 | AA Large only |
CSS code for Medium Dark Dusty Sapphire
background-color: #566381;color: #566381;background-color: rgb(86, 99, 129);background-color: hsl(222, 20%, 42%);:root { --color-medium-dark-dusty-sapphire: #566381; }class="bg-[#566381]"Colors similar to Medium Dark Dusty Sapphire
- Medium Dark Dusty Cornflower
#566781 - Medium Dark Dusty Cobalt
#565E81 - Medium Dark Dusty Cerulean
#566B81 - Medium Dark Dusty Royal
#565A81 - Medium Dark Dusty Azure
#566F81 - Medium Dark Dusty Blue
#565681 - Medium Dark Dusty Ultramarine
#5A5681 - Medium Dark Dusty Indigo
#5E5681 - Cool Gray 40
#5D646F - Medium Dark Dusty Iris
#635681 - Medium Dark Dusty Capri
#567481 - Medium Dark Dusty Periwinkle
#675681
More blue shades
- Pale Muted Sapphire
#A2B2D7 - Very Pale Muted Sapphire
#BFCAE3 - Palest Muted Sapphire
#DBE1F0 - Very Dark Dusty Sapphire
#252A37 - Dark Dusty Sapphire
#353D50 - Deep Dusty Sapphire
#455068 - Dusty Sapphire
#667599 - Medium Light Dusty Sapphire
#7E8BA9 - Light Dusty Sapphire
#97A1BA - Pale Dusty Sapphire
#AFB7CA - Very Pale Dusty Sapphire
#C8CDDA
Frequently asked questions
What is the HEX code for Medium Dark Dusty Sapphire?
The HEX code for Medium Dark Dusty Sapphire is #566381.
What is the RGB value of Medium Dark Dusty Sapphire?
Medium Dark Dusty Sapphire has an RGB value of 86, 99, 129 (rgb(86, 99, 129)). In HSL it is 222°, 20%, 42%.
What text color should I use on Medium Dark Dusty Sapphire?
Use white text on Medium Dark Dusty Sapphire. White text has a contrast ratio of 6.00:1 and black text has 3.50:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Medium Dark Dusty Sapphire?
The complementary color of Medium Dark Dusty Sapphire is #817456. Analogous colors #567881 and #5E5681 also pair well.