Muted Azure is a medium, moderately saturated shade in the blue color family, with a cool feel. Its HEX code is #4D8AB2, which equals rgb(77, 138, 178) in RGB and hsl(204, 40%, 50%) in HSL. In print terms it converts to roughly C57 M22 Y0 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#4D8AB2 - RGB
77, 138, 178 - HSL
204°, 40%, 50% - CMYK
57, 22, 0, 30 - Family
Blue - Tone
Medium, moderately saturated
About Muted Azure
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 5.59:1. Its complementary color is #B3754D.
Download Muted Azure 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 Azure color codes
| HEX | #4D8AB2 |
|---|---|
| RGB | rgb(77, 138, 178) |
| HSL | hsl(204, 40%, 50%) |
| HSV | 204°, 57%, 70% |
| CMYK | 57%, 22%, 0%, 30% |
| Decimal | 5081778 |
Shades and tints of Muted Azure
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E1ECF2 - 100
#C4D8E5 - 200
#A6C5D9 - 300
#88B1CC - 400
#6B9EBF - 500
#4D8AB2 - 600
#407394 - 700
#335C77 - 800
#274559 - 900
#1A2E3B - 950
#0D171E
Color harmonies for Muted Azure
- Complementary
#B3754D≈ Muted Persimmon - Analogous −30°
#4DB3A8≈ Muted Teal - Analogous +30°
#4D57B3≈ Muted Royal - Triadic +120°
#B34D8A≈ Muted Rose - Triadic +240°
#8AB34D≈ Muted Spring Bud - Split 150°
#B34D57≈ Muted Cardinal - Split 210°
#B3A84D≈ Muted Gold
Contrast and accessibility of Muted Azure
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Azure | Aa | 3.75:1 | AA Large only |
| Black text on Muted Azure | Aa | 5.59:1 | AA (good) |
CSS code for Muted Azure
background-color: #4D8AB2;color: #4D8AB2;background-color: rgb(77, 138, 178);background-color: hsl(204, 40%, 50%);:root { --color-muted-azure: #4D8AB2; }class="bg-[#4D8AB2]"Colors similar to Muted Azure
- Steel Blue
#4682B4 - Muted Capri
#4D94B2 - Muted Cerulean
#4D7FB2 - Muted Peacock
#4D9EB2 - Muted Cornflower
#4D75B2 - Medium Light Muted Cornflower
#698BBF - Medium Light Muted Sapphire
#6983BF - Medium Dark Muted Lagoon
#408D96 - Medium Dark Muted Peacock
#408596 - Medium Light Muted Cerulean
#6994BF - Medium Dark Soft Capri
#2B85AB - Medium Dark Soft Peacock
#2B92AB
More blue shades
- Palest Soft Azure
#D6E9F5 - Darkest Muted Azure
#0F1C24 - Very Dark Muted Azure
#1C3240 - Dark Muted Azure
#28485D - Deep Muted Azure
#345E79 - Medium Dark Muted Azure
#407496 - Medium Light Muted Azure
#699CBF - Light Muted Azure
#86AFCB - Pale Muted Azure
#A2C2D7 - Very Pale Muted Azure
#BFD5E3 - Palest Muted Azure
#DBE8F0
Frequently asked questions
What is the HEX code for Muted Azure?
The HEX code for Muted Azure is #4D8AB2.
What is the RGB value of Muted Azure?
Muted Azure has an RGB value of 77, 138, 178 (rgb(77, 138, 178)). In HSL it is 204°, 40%, 50%.
What text color should I use on Muted Azure?
Use black text on Muted Azure. White text has a contrast ratio of 3.75:1 and black text has 5.59:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Azure?
The complementary color of Muted Azure is #B3754D. Analogous colors #4DB3A8 and #4D57B3 also pair well.