Light Muted Azure is a medium-light, moderately saturated shade in the blue color family, with a cool feel. Its HEX code is #86AFCB, which equals rgb(134, 175, 203) in RGB and hsl(204, 40%, 66%) in HSL. In print terms it converts to roughly C34 M14 Y0 K20, although exact CMYK results depend on the paper and color profile.
- HEX
#86AFCB - RGB
134, 175, 203 - HSL
204°, 40%, 66% - CMYK
34, 14, 0, 20 - Family
Blue - Tone
Medium-light, moderately saturated
About Light 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 9.01:1. Its complementary color is #CBA186.
Download Light 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…
Light Muted Azure color codes
| HEX | #86AFCB |
|---|---|
| RGB | rgb(134, 175, 203) |
| HSL | hsl(204, 40%, 66%) |
| HSV | 204°, 34%, 80% |
| CMYK | 34%, 14%, 0%, 20% |
| Decimal | 8826827 |
Shades and tints of Light Muted Azure
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#EBF2F6 - 100
#D7E4EE - 200
#C3D7E5 - 300
#AECADC - 400
#9ABCD4 - 500
#86AFCB - 600
#7092A9 - 700
#597587 - 800
#435866 - 900
#2D3A44 - 950
#161D22
Color harmonies for Light Muted Azure
- Complementary
#CBA186≈ Light Muted Cinnabar - Analogous −30°
#86CBC4≈ Light Muted Turquoise - Analogous +30°
#868DCB≈ Light Muted Cobalt - Triadic +120°
#CB86AF≈ Light Muted Raspberry - Triadic +240°
#AFCB86≈ Light Muted Apple - Split 150°
#CB868D≈ Light Muted Crimson - Split 210°
#CBC486≈ Light Muted Marigold
Contrast and accessibility of Light Muted Azure
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Muted Azure | Aa | 2.33:1 | Fails |
| Black text on Light Muted Azure | Aa | 9.01:1 | AAA (excellent) |
CSS code for Light Muted Azure
background-color: #86AFCB;color: #86AFCB;background-color: rgb(134, 175, 203);background-color: hsl(204, 40%, 66%);:root { --color-light-muted-azure: #86AFCB; }class="bg-[#86AFCB]"Colors similar to Light Muted Azure
- Light Muted Capri
#86B6CB - Light Muted Cerulean
#86A8CB - Light Muted Peacock
#86BDCB - Light Muted Cornflower
#86A1CB - Light Dusty Capri
#97AFBA - Light Dusty Azure
#97ACBA - Light Dusty Peacock
#97B3BA - Light Soft Azure
#74B3DC - Light Dusty Lagoon
#97B6BA - Light Dusty Cerulean
#97A8BA - Light Soft Cerulean
#74A8DC - Light Muted Lagoon
#86C4CB
More blue shades
- Very Dark Muted Azure
#1C3240 - Dark Muted Azure
#28485D - Deep Muted Azure
#345E79 - Medium Dark Muted Azure
#407496 - Muted Azure
#4D8AB2 - Medium Light Muted Azure
#699CBF - Pale Muted Azure
#A2C2D7 - Very Pale Muted Azure
#BFD5E3 - Palest Muted Azure
#DBE8F0 - Very Dark Dusty Azure
#253037 - Dark Dusty Azure
#354550
Frequently asked questions
What is the HEX code for Light Muted Azure?
The HEX code for Light Muted Azure is #86AFCB.
What is the RGB value of Light Muted Azure?
Light Muted Azure has an RGB value of 134, 175, 203 (rgb(134, 175, 203)). In HSL it is 204°, 40%, 66%.
What text color should I use on Light Muted Azure?
Use black text on Light Muted Azure. White text has a contrast ratio of 2.33:1 and black text has 9.01:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Muted Azure?
The complementary color of Light Muted Azure is #CBA186. Analogous colors #86CBC4 and #868DCB also pair well.