Muted Cerulean is a medium, moderately saturated shade in the blue color family, with a cool feel. Its HEX code is #4D7FB2, which equals rgb(77, 127, 178) in RGB and hsl(210, 40%, 50%) in HSL. In print terms it converts to roughly C57 M29 Y0 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#4D7FB2 - RGB
77, 127, 178 - HSL
210°, 40%, 50% - CMYK
57, 29, 0, 30 - Family
Blue - Tone
Medium, moderately saturated
About Muted Cerulean
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. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 4.99:1. Its complementary color is #B3804D.
Download Muted Cerulean 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 Cerulean color codes
| HEX | #4D7FB2 |
|---|---|
| RGB | rgb(77, 127, 178) |
| HSL | hsl(210, 40%, 50%) |
| HSV | 210°, 57%, 70% |
| CMYK | 57%, 29%, 0%, 30% |
| Decimal | 5078962 |
Shades and tints of Muted Cerulean
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E1EAF2 - 100
#C4D4E5 - 200
#A6BFD9 - 300
#88AACC - 400
#6B94BF - 500
#4D7FB2 - 600
#406A94 - 700
#335577 - 800
#274059 - 900
#1A2A3B - 950
#0D151E
Color harmonies for Muted Cerulean
- Complementary
#B3804D≈ Muted Orange - Analogous −30°
#4DB3B3≈ Muted Cyan - Analogous +30°
#4D4DB3≈ Muted Blue - Triadic +120°
#B34D80≈ Muted Blush - Triadic +240°
#80B34D≈ Muted Apple - Split 150°
#B34D4D≈ Muted Red - Split 210°
#B3B34D≈ Muted Yellow
Contrast and accessibility of Muted Cerulean
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Cerulean | Aa | 4.20:1 | AA Large only |
| Black text on Muted Cerulean | Aa | 4.99:1 | AA (good) |
CSS code for Muted Cerulean
background-color: #4D7FB2;color: #4D7FB2;background-color: rgb(77, 127, 178);background-color: hsl(210, 40%, 50%);:root { --color-muted-cerulean: #4D7FB2; }class="bg-[#4D7FB2]"Colors similar to Muted Cerulean
- Steel Blue
#4682B4 - Muted Cornflower
#4D75B2 - Muted Azure
#4D8AB2 - Muted Sapphire
#4D6BB2 - Muted Capri
#4D94B2 - Medium Light Muted Sapphire
#6983BF - Medium Light Muted Cobalt
#697ABF - Medium Dark Muted Capri
#407C96 - Medium Dark Muted Peacock
#408596 - Medium Dark Soft Capri
#2B85AB - Medium Light Muted Cornflower
#698BBF - Medium Dark Soft Azure
#2B78AB
More blue shades
- Palest Soft Cerulean
#D6E5F5 - Darkest Muted Cerulean
#0F1924 - Very Dark Muted Cerulean
#1C2E40 - Dark Muted Cerulean
#28425D - Deep Muted Cerulean
#345779 - Medium Dark Muted Cerulean
#406B96 - Medium Light Muted Cerulean
#6994BF - Light Muted Cerulean
#86A8CB - Pale Muted Cerulean
#A2BDD7 - Very Pale Muted Cerulean
#BFD1E3 - Palest Muted Cerulean
#DBE6F0
Frequently asked questions
What is the HEX code for Muted Cerulean?
The HEX code for Muted Cerulean is #4D7FB2.
What is the RGB value of Muted Cerulean?
Muted Cerulean has an RGB value of 77, 127, 178 (rgb(77, 127, 178)). In HSL it is 210°, 40%, 50%.
What text color should I use on Muted Cerulean?
Use black text on Muted Cerulean. White text has a contrast ratio of 4.20:1 and black text has 4.99:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Cerulean?
The complementary color of Muted Cerulean is #B3804D. Analogous colors #4DB3B3 and #4D4DB3 also pair well.