Medium Dark Dusty Blue is a medium-dark, muted shade in the blue color family, with a cool feel. Its HEX code is #565681, which equals rgb(86, 86, 129) in RGB and hsl(240, 20%, 42%) in HSL. In print terms it converts to roughly C33 M33 Y0 K49, although exact CMYK results depend on the paper and color profile.
- HEX
#565681 - RGB
86, 86, 129 - HSL
240°, 20%, 42% - CMYK
33, 33, 0, 49 - Family
Blue - Tone
Medium-dark, muted
About Medium Dark Dusty Blue
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.90:1. Its complementary color is #818156.
Download Medium Dark Dusty Blue 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 Blue color codes
| HEX | #565681 |
|---|---|
| RGB | rgb(86, 86, 129) |
| HSL | hsl(240, 20%, 42%) |
| HSV | 240°, 33%, 51% |
| CMYK | 33%, 33%, 0%, 49% |
| Decimal | 5658241 |
Shades and tints of Medium Dark Dusty Blue
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E3E3EA - 100
#C7C7D5 - 200
#ABABC0 - 300
#8E8EAB - 400
#727296 - 500
#565681 - 600
#48486C - 700
#393956 - 800
#2B2B41 - 900
#1D1D2B - 950
#0E0E16
Color harmonies for Medium Dark Dusty Blue
- Complementary
#818156≈ Medium Dark Dusty Citron - Analogous −30°
#566B81≈ Medium Dark Dusty Azure - Analogous +30°
#6B5681≈ Medium Dark Dusty Periwinkle - Triadic +120°
#815656≈ Medium Dark Dusty Cardinal - Triadic +240°
#568156≈ Medium Dark Dusty Shamrock - Split 150°
#816B56≈ Medium Dark Dusty Persimmon - Split 210°
#6B8156≈ Medium Dark Dusty Fern
Contrast and accessibility of Medium Dark Dusty Blue
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Medium Dark Dusty Blue | Aa | 6.90:1 | AA (good) |
| Black text on Medium Dark Dusty Blue | Aa | 3.04:1 | AA Large only |
CSS code for Medium Dark Dusty Blue
background-color: #565681;color: #565681;background-color: rgb(86, 86, 129);background-color: hsl(240, 20%, 42%);:root { --color-medium-dark-dusty-blue: #565681; }class="bg-[#565681]"Colors similar to Medium Dark Dusty Blue
- Medium Dark Dusty Ultramarine
#5A5681 - Medium Dark Dusty Royal
#565A81 - Medium Dark Dusty Indigo
#5E5681 - Medium Dark Dusty Cobalt
#565E81 - Medium Dark Dusty Iris
#635681 - Medium Dark Dusty Sapphire
#566381 - Medium Dark Dusty Periwinkle
#675681 - Medium Dark Dusty Violet
#6B5681 - Medium Dark Dusty Cornflower
#566781 - Medium Dark Dusty Amethyst
#6F5681 - Cool Gray 40
#5D646F - Medium Dark Dusty Cerulean
#566B81
More blue shades
- Pale Muted Blue
#A2A2D7 - Very Pale Muted Blue
#BFBFE3 - Palest Muted Blue
#DBDBF0 - Very Dark Dusty Blue
#252537 - Dark Dusty Blue
#353550 - Deep Dusty Blue
#454568 - Dusty Blue
#666699 - Medium Light Dusty Blue
#7E7EA9 - Light Dusty Blue
#9797BA - Pale Dusty Blue
#AFAFCA - Very Pale Dusty Blue
#C8C8DA
Frequently asked questions
What is the HEX code for Medium Dark Dusty Blue?
The HEX code for Medium Dark Dusty Blue is #565681.
What is the RGB value of Medium Dark Dusty Blue?
Medium Dark Dusty Blue has an RGB value of 86, 86, 129 (rgb(86, 86, 129)). In HSL it is 240°, 20%, 42%.
What text color should I use on Medium Dark Dusty Blue?
Use white text on Medium Dark Dusty Blue. White text has a contrast ratio of 6.90:1 and black text has 3.04:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Medium Dark Dusty Blue?
The complementary color of Medium Dark Dusty Blue is #818156. Analogous colors #566B81 and #6B5681 also pair well.