Muted Sapphire is a medium, moderately saturated shade in the blue color family, with a cool feel. Its HEX code is #4D6BB2, which equals rgb(77, 107, 178) in RGB and hsl(222, 40%, 50%) in HSL. In print terms it converts to roughly C57 M40 Y0 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#4D6BB2 - RGB
77, 107, 178 - HSL
222°, 40%, 50% - CMYK
57, 40, 0, 30 - Family
Blue - Tone
Medium, moderately saturated
About 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 5.17:1. Its complementary color is #B3944D.
Download 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…
Muted Sapphire color codes
| HEX | #4D6BB2 |
|---|---|
| RGB | rgb(77, 107, 178) |
| HSL | hsl(222, 40%, 50%) |
| HSV | 222°, 57%, 70% |
| CMYK | 57%, 40%, 0%, 30% |
| Decimal | 5073842 |
Shades and tints of Muted Sapphire
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E1E6F2 - 100
#C4CEE5 - 200
#A6B5D9 - 300
#889CCC - 400
#6B84BF - 500
#4D6BB2 - 600
#405994 - 700
#334777 - 800
#273659 - 900
#1A243B - 950
#0D121E
Color harmonies for Muted Sapphire
- Complementary
#B3944D≈ Muted Amber - Analogous −30°
#4D9EB3≈ Muted Peacock - Analogous +30°
#614DB3≈ Muted Indigo - Triadic +120°
#B34D6B≈ Muted Ruby - Triadic +240°
#6BB34D≈ Muted Leaf - Split 150°
#B3614D≈ Muted Vermilion - Split 210°
#9EB34D≈ Muted Lime
Contrast and accessibility of Muted Sapphire
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Sapphire | Aa | 5.17:1 | AA (good) |
| Black text on Muted Sapphire | Aa | 4.06:1 | AA Large only |
CSS code for Muted Sapphire
background-color: #4D6BB2;color: #4D6BB2;background-color: rgb(77, 107, 178);background-color: hsl(222, 40%, 50%);:root { --color-muted-sapphire: #4D6BB2; }class="bg-[#4D6BB2]"Colors similar to Muted Sapphire
- Muted Cornflower
#4D75B2 - Muted Cobalt
#4D61B2 - Muted Cerulean
#4D7FB2 - Muted Royal
#4D57B2 - Steel Blue
#4682B4 - Medium Light Muted Blue
#6969BF - Medium Light Muted Royal
#6972BF - Medium Dark Muted Cerulean
#406B96 - Medium Dark Soft Cerulean
#2B6BAB - Medium Dark Muted Cornflower
#406396 - Medium Dark Muted Azure
#407496 - Dusty Royal
#666B99
More blue shades
- Palest Soft Sapphire
#D6DFF5 - Darkest Muted Sapphire
#0F1524 - Very Dark Muted Sapphire
#1C2740 - Dark Muted Sapphire
#28385D - Deep Muted Sapphire
#344979 - Medium Dark Muted Sapphire
#405A96 - Medium Light Muted Sapphire
#6983BF - Light Muted Sapphire
#869ACB - Pale Muted Sapphire
#A2B2D7 - Very Pale Muted Sapphire
#BFCAE3 - Palest Muted Sapphire
#DBE1F0
Frequently asked questions
What is the HEX code for Muted Sapphire?
The HEX code for Muted Sapphire is #4D6BB2.
What is the RGB value of Muted Sapphire?
Muted Sapphire has an RGB value of 77, 107, 178 (rgb(77, 107, 178)). In HSL it is 222°, 40%, 50%.
What text color should I use on Muted Sapphire?
Use white text on Muted Sapphire. White text has a contrast ratio of 5.17:1 and black text has 4.06:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Sapphire?
The complementary color of Muted Sapphire is #B3944D. Analogous colors #4D9EB3 and #614DB3 also pair well.