Medium Dark Muted Sapphire is a medium-dark, moderately saturated shade in the blue color family, with a cool feel. Its HEX code is #405A96, which equals rgb(64, 90, 150) in RGB and hsl(222, 40%, 42%) in HSL. In print terms it converts to roughly C57 M40 Y0 K41, although exact CMYK results depend on the paper and color profile.
- HEX
#405A96 - RGB
64, 90, 150 - HSL
222°, 40%, 42% - CMYK
57, 40, 0, 41 - Family
Blue - Tone
Medium-dark, moderately saturated
About Medium 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. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in white is the most readable choice on this color, with a contrast ratio of 6.73:1. Its complementary color is #967C40.
Download Medium 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…
Medium Dark Muted Sapphire color codes
| HEX | #405A96 |
|---|---|
| RGB | rgb(64, 90, 150) |
| HSL | hsl(222, 40%, 42%) |
| HSV | 222°, 57%, 59% |
| CMYK | 57%, 40%, 0%, 41% |
| Decimal | 4217494 |
Shades and tints of Medium Dark Muted Sapphire
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#DFE4EE - 100
#BFC8DC - 200
#A0ADCB - 300
#8091B9 - 400
#6076A8 - 500
#405A96 - 600
#354B7D - 700
#2B3C64 - 800
#202D4B - 900
#151E32 - 950
#0B0F19
Color harmonies for Medium Dark Muted Sapphire
- Complementary
#967C40≈ Medium Dark Muted Tangerine - Analogous −30°
#408596≈ Medium Dark Muted Lagoon - Analogous +30°
#514096≈ Medium Dark Muted Ultramarine - Triadic +120°
#96405A≈ Medium Dark Muted Carmine - Triadic +240°
#5A9640≈ Medium Dark Muted Clover - Split 150°
#965140≈ Medium Dark Muted Scarlet - Split 210°
#859640≈ Medium Dark Muted Citron
Contrast and accessibility of Medium Dark Muted Sapphire
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Medium Dark Muted Sapphire | Aa | 6.73:1 | AA (good) |
| Black text on Medium Dark Muted Sapphire | Aa | 3.12:1 | AA Large only |
CSS code for Medium Dark Muted Sapphire
background-color: #405A96;color: #405A96;background-color: rgb(64, 90, 150);background-color: hsl(222, 40%, 42%);:root { --color-medium-dark-muted-sapphire: #405A96; }class="bg-[#405A96]"Colors similar to Medium Dark Muted Sapphire
- Medium Dark Muted Cornflower
#406396 - Medium Dark Muted Cobalt
#405196 - Medium Dark Muted Cerulean
#406B96 - Medium Dark Muted Royal
#404996 - Deep Soft Cerulean
#23578B - Medium Dark Soft Cornflower
#2B5EAB - Medium Dark Dusty Royal
#565A81 - Medium Dark Dusty Cobalt
#565E81 - Medium Dark Dusty Blue
#565681 - Deep Soft Azure
#23618B - Medium Dark Soft Sapphire
#2B51AB - Muted Royal
#4D57B2
More blue shades
- Very Pale Soft Sapphire
#B6C6ED - Palest Soft Sapphire
#D6DFF5 - Darkest Muted Sapphire
#0F1524 - Very Dark Muted Sapphire
#1C2740 - Dark Muted Sapphire
#28385D - Deep Muted Sapphire
#344979 - Muted Sapphire
#4D6BB2 - Medium Light Muted Sapphire
#6983BF - Light Muted Sapphire
#869ACB - Pale Muted Sapphire
#A2B2D7 - Very Pale Muted Sapphire
#BFCAE3
Frequently asked questions
What is the HEX code for Medium Dark Muted Sapphire?
The HEX code for Medium Dark Muted Sapphire is #405A96.
What is the RGB value of Medium Dark Muted Sapphire?
Medium Dark Muted Sapphire has an RGB value of 64, 90, 150 (rgb(64, 90, 150)). In HSL it is 222°, 40%, 42%.
What text color should I use on Medium Dark Muted Sapphire?
Use white text on Medium Dark Muted Sapphire. White text has a contrast ratio of 6.73:1 and black text has 3.12:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Medium Dark Muted Sapphire?
The complementary color of Medium Dark Muted Sapphire is #967C40. Analogous colors #408596 and #514096 also pair well.