Muted Royal is a medium, moderately saturated shade in the blue color family, with a cool feel. Its HEX code is #4D57B2, which equals rgb(77, 87, 178) in RGB and hsl(234, 40%, 50%) in HSL. In print terms it converts to roughly C57 M51 Y0 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#4D57B2 - RGB
77, 87, 178 - HSL
234°, 40%, 50% - CMYK
57, 51, 0, 30 - Family
Blue - Tone
Medium, moderately saturated
About Muted Royal
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.32:1. Its complementary color is #B3A84D.
Download Muted Royal 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 Royal color codes
| HEX | #4D57B2 |
|---|---|
| RGB | rgb(77, 87, 178) |
| HSL | hsl(234, 40%, 50%) |
| HSV | 234°, 57%, 70% |
| CMYK | 57%, 51%, 0%, 30% |
| Decimal | 5068722 |
Shades and tints of Muted Royal
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E1E3F2 - 100
#C4C7E5 - 200
#A6ABD9 - 300
#888FCC - 400
#6B73BF - 500
#4D57B2 - 600
#404994 - 700
#333A77 - 800
#272C59 - 900
#1A1D3B - 950
#0D0F1E
Color harmonies for Muted Royal
- Complementary
#B3A84D≈ Muted Gold - Analogous −30°
#4D8AB3≈ Muted Azure - Analogous +30°
#754DB3≈ Muted Periwinkle - Triadic +120°
#B34D57≈ Muted Cardinal - Triadic +240°
#57B34D≈ Muted Shamrock - Split 150°
#B3754D≈ Muted Persimmon - Split 210°
#8AB34D≈ Muted Spring Bud
Contrast and accessibility of Muted Royal
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Royal | Aa | 6.32:1 | AA (good) |
| Black text on Muted Royal | Aa | 3.32:1 | AA Large only |
CSS code for Muted Royal
background-color: #4D57B2;color: #4D57B2;background-color: rgb(77, 87, 178);background-color: hsl(234, 40%, 50%);:root { --color-muted-royal: #4D57B2; }class="bg-[#4D57B2]"Colors similar to Muted Royal
- Muted Cobalt
#4D61B2 - Muted Blue
#4D4DB2 - Muted Ultramarine
#574DB2 - Muted Indigo
#614DB2 - Muted Sapphire
#4D6BB2 - Muted Iris
#6B4DB2 - Medium Dark Muted Sapphire
#405A96 - Medium Dark Muted Cobalt
#405196 - Medium Dark Soft Sapphire
#2B51AB - Iris
#5A4FCF - Medium Dark Soft Cornflower
#2B5EAB - Medium Dark Muted Cornflower
#406396
More blue shades
- Palest Soft Royal
#D6D9F5 - Darkest Muted Royal
#0F1124 - Very Dark Muted Royal
#1C1F40 - Dark Muted Royal
#282D5D - Deep Muted Royal
#343B79 - Medium Dark Muted Royal
#404996 - Medium Light Muted Royal
#6972BF - Light Muted Royal
#868DCB - Pale Muted Royal
#A2A7D7 - Very Pale Muted Royal
#BFC2E3 - Palest Muted Royal
#DBDDF0
Frequently asked questions
What is the HEX code for Muted Royal?
The HEX code for Muted Royal is #4D57B2.
What is the RGB value of Muted Royal?
Muted Royal has an RGB value of 77, 87, 178 (rgb(77, 87, 178)). In HSL it is 234°, 40%, 50%.
What text color should I use on Muted Royal?
Use white text on Muted Royal. White text has a contrast ratio of 6.32:1 and black text has 3.32:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Royal?
The complementary color of Muted Royal is #B3A84D. Analogous colors #4D8AB3 and #754DB3 also pair well.