Muted Capri is a medium, moderately saturated shade in the blue color family, with a cool feel. Its HEX code is #4D94B2, which equals rgb(77, 148, 178) in RGB and hsl(198, 40%, 50%) in HSL. In print terms it converts to roughly C57 M17 Y0 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#4D94B2 - RGB
77, 148, 178 - HSL
198°, 40%, 50% - CMYK
57, 17, 0, 30 - Family
Blue - Tone
Medium, moderately saturated
About Muted Capri
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 6.19:1. Its complementary color is #B36B4D.
Download Muted Capri 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 Capri color codes
| HEX | #4D94B2 |
|---|---|
| RGB | rgb(77, 148, 178) |
| HSL | hsl(198, 40%, 50%) |
| HSV | 198°, 57%, 70% |
| CMYK | 57%, 17%, 0%, 30% |
| Decimal | 5084338 |
Shades and tints of Muted Capri
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E1EDF2 - 100
#C4DBE5 - 200
#A6CAD9 - 300
#88B8CC - 400
#6BA6BF - 500
#4D94B2 - 600
#407B94 - 700
#336377 - 800
#274A59 - 900
#1A313B - 950
#0D191E
Color harmonies for Muted Capri
- Complementary
#B36B4D≈ Muted Cinnabar - Analogous −30°
#4DB39E≈ Muted Turquoise - Analogous +30°
#4D61B3≈ Muted Cobalt - Triadic +120°
#B34D94≈ Muted Raspberry - Triadic +240°
#94B34D≈ Muted Chartreuse - Split 150°
#B34D61≈ Muted Crimson - Split 210°
#B39E4D≈ Muted Marigold
Contrast and accessibility of Muted Capri
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Capri | Aa | 3.39:1 | AA Large only |
| Black text on Muted Capri | Aa | 6.19:1 | AA (good) |
CSS code for Muted Capri
background-color: #4D94B2;color: #4D94B2;background-color: rgb(77, 148, 178);background-color: hsl(198, 40%, 50%);:root { --color-muted-capri: #4D94B2; }class="bg-[#4D94B2]"Colors similar to Muted Capri
- Muted Peacock
#4D9EB2 - Muted Azure
#4D8AB2 - Steel Blue
#4682B4 - Muted Lagoon
#4DA8B2 - Muted Cerulean
#4D7FB2 - Cadet Blue
#5F9EA0 - Medium Light Muted Cerulean
#6994BF - Medium Dark Muted Cyan
#409696 - Medium Light Muted Azure
#699CBF - Medium Light Muted Cornflower
#698BBF - Medium Dark Muted Lagoon
#408D96 - Medium Dark Soft Peacock
#2B92AB
More blue shades
- Palest Soft Capri
#D6ECF5 - Darkest Muted Capri
#0F1E24 - Very Dark Muted Capri
#1C3540 - Dark Muted Capri
#284D5D - Deep Muted Capri
#346579 - Medium Dark Muted Capri
#407C96 - Medium Light Muted Capri
#69A5BF - Light Muted Capri
#86B6CB - Pale Muted Capri
#A2C7D7 - Very Pale Muted Capri
#BFD8E3 - Palest Muted Capri
#DBEAF0
Frequently asked questions
What is the HEX code for Muted Capri?
The HEX code for Muted Capri is #4D94B2.
What is the RGB value of Muted Capri?
Muted Capri has an RGB value of 77, 148, 178 (rgb(77, 148, 178)). In HSL it is 198°, 40%, 50%.
What text color should I use on Muted Capri?
Use black text on Muted Capri. White text has a contrast ratio of 3.39:1 and black text has 6.19:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Capri?
The complementary color of Muted Capri is #B36B4D. Analogous colors #4DB39E and #4D61B3 also pair well.