Muted Blue is a medium, moderately saturated shade in the blue color family, with a cool feel. Its HEX code is #4D4DB2, which equals rgb(77, 77, 178) in RGB and hsl(240, 40%, 50%) in HSL. In print terms it converts to roughly C57 M57 Y0 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#4D4DB2 - RGB
77, 77, 178 - HSL
240°, 40%, 50% - CMYK
57, 57, 0, 30 - Family
Blue - Tone
Medium, moderately saturated
About Muted 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. 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.95:1. Its complementary color is #B3B34D.
Download Muted 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…
Muted Blue color codes
| HEX | #4D4DB2 |
|---|---|
| RGB | rgb(77, 77, 178) |
| HSL | hsl(240, 40%, 50%) |
| HSV | 240°, 57%, 70% |
| CMYK | 57%, 57%, 0%, 30% |
| Decimal | 5066162 |
Shades and tints of Muted Blue
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E1E1F2 - 100
#C4C4E5 - 200
#A6A6D9 - 300
#8888CC - 400
#6B6BBF - 500
#4D4DB2 - 600
#404094 - 700
#333377 - 800
#272759 - 900
#1A1A3B - 950
#0D0D1E
Color harmonies for Muted Blue
- Complementary
#B3B34D≈ Muted Yellow - Analogous −30°
#4D80B3≈ Muted Cerulean - Analogous +30°
#804DB3≈ Muted Violet - Triadic +120°
#B34D4D≈ Muted Red - Triadic +240°
#4DB34D≈ Muted Green - Split 150°
#B3804D≈ Muted Orange - Split 210°
#80B34D≈ Muted Apple
Contrast and accessibility of Muted Blue
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Blue | Aa | 6.95:1 | AA (good) |
| Black text on Muted Blue | Aa | 3.02:1 | AA Large only |
CSS code for Muted Blue
background-color: #4D4DB2;color: #4D4DB2;background-color: rgb(77, 77, 178);background-color: hsl(240, 40%, 50%);:root { --color-muted-blue: #4D4DB2; }class="bg-[#4D4DB2]"Colors similar to Muted Blue
- Muted Ultramarine
#574DB2 - Muted Royal
#4D57B2 - Muted Indigo
#614DB2 - Muted Cobalt
#4D61B2 - Muted Iris
#6B4DB2 - Medium Dark Muted Cobalt
#405196 - Medium Dark Muted Royal
#404996 - Iris
#5A4FCF - Medium Dark Soft Sapphire
#2B51AB - Medium Dark Muted Indigo
#514096 - Medium Dark Muted Ultramarine
#494096 - Medium Dark Soft Cobalt
#2B45AB
More blue shades
- Palest Soft Blue
#D6D6F5 - Darkest Muted Blue
#0F0F24 - Very Dark Muted Blue
#1C1C40 - Dark Muted Blue
#28285D - Deep Muted Blue
#343479 - Medium Dark Muted Blue
#404096 - Medium Light Muted Blue
#6969BF - Light Muted Blue
#8686CB - Pale Muted Blue
#A2A2D7 - Very Pale Muted Blue
#BFBFE3 - Palest Muted Blue
#DBDBF0
Frequently asked questions
What is the HEX code for Muted Blue?
The HEX code for Muted Blue is #4D4DB2.
What is the RGB value of Muted Blue?
Muted Blue has an RGB value of 77, 77, 178 (rgb(77, 77, 178)). In HSL it is 240°, 40%, 50%.
What text color should I use on Muted Blue?
Use white text on Muted Blue. White text has a contrast ratio of 6.95:1 and black text has 3.02:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Blue?
The complementary color of Muted Blue is #B3B34D. Analogous colors #4D80B3 and #804DB3 also pair well.