Muted Cyan is a medium, moderately saturated shade in the blue color family, with a cool feel. Its HEX code is #4DB2B2, which equals rgb(77, 178, 178) in RGB and hsl(180, 40%, 50%) in HSL. In print terms it converts to roughly C57 M0 Y0 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#4DB2B2 - RGB
77, 178, 178 - HSL
180°, 40%, 50% - CMYK
57, 0, 0, 30 - Family
Blue - Tone
Medium, moderately saturated
About Muted Cyan
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 black is the most readable choice on this color, with a contrast ratio of 8.33:1. Its complementary color is #B34D4D.
Download Muted Cyan 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 Cyan color codes
| HEX | #4DB2B2 |
|---|---|
| RGB | rgb(77, 178, 178) |
| HSL | hsl(180, 40%, 50%) |
| HSV | 180°, 57%, 70% |
| CMYK | 57%, 0%, 0%, 30% |
| Decimal | 5092018 |
Shades and tints of Muted Cyan
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E1F2F2 - 100
#C4E5E5 - 200
#A6D9D9 - 300
#88CCCC - 400
#6BBFBF - 500
#4DB2B2 - 600
#409494 - 700
#337777 - 800
#275959 - 900
#1A3B3B - 950
#0D1E1E
Color harmonies for Muted Cyan
- Complementary
#B34D4D≈ Muted Red - Analogous −30°
#4DB380≈ Muted Mint - Analogous +30°
#4D80B3≈ Muted Cerulean - Triadic +120°
#B34DB3≈ Muted Magenta - Triadic +240°
#B3B34D≈ Muted Yellow - Split 150°
#B34D80≈ Muted Blush - Split 210°
#B3804D≈ Muted Orange
Contrast and accessibility of Muted Cyan
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Cyan | Aa | 2.52:1 | Fails |
| Black text on Muted Cyan | Aa | 8.33:1 | AAA (excellent) |
CSS code for Muted Cyan
background-color: #4DB2B2;color: #4DB2B2;background-color: rgb(77, 178, 178);background-color: hsl(180, 40%, 50%);:root { --color-muted-cyan: #4DB2B2; }class="bg-[#4DB2B2]"Colors similar to Muted Cyan
- Muted Teal
#4DB2A8 - Muted Lagoon
#4DA8B2 - Muted Turquoise
#4DB29E - Muted Peacock
#4D9EB2 - Medium Light Muted Lagoon
#69B6BF - Medium Light Muted Peacock
#69AEBF - Muted Aquamarine
#4DB294 - Medium Light Muted Turquoise
#69BFAE - Medium Light Muted Teal
#69BFB6 - Medium Dark Soft Cyan
#2BABAB - Medium Light Muted Aquamarine
#69BFA5 - Medium Light Muted Cyan
#69BFBF
More blue shades
- Palest Soft Cyan
#D6F5F5 - Darkest Muted Cyan
#0F2424 - Very Dark Muted Cyan
#1C4040 - Dark Muted Cyan
#285D5D - Deep Muted Cyan
#347979 - Medium Dark Muted Cyan
#409696 - Medium Light Muted Cyan
#69BFBF - Light Muted Cyan
#86CBCB - Pale Muted Cyan
#A2D7D7 - Very Pale Muted Cyan
#BFE3E3 - Palest Muted Cyan
#DBF0F0
Frequently asked questions
What is the HEX code for Muted Cyan?
The HEX code for Muted Cyan is #4DB2B2.
What is the RGB value of Muted Cyan?
Muted Cyan has an RGB value of 77, 178, 178 (rgb(77, 178, 178)). In HSL it is 180°, 40%, 50%.
What text color should I use on Muted Cyan?
Use black text on Muted Cyan. White text has a contrast ratio of 2.52:1 and black text has 8.33:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Cyan?
The complementary color of Muted Cyan is #B34D4D. Analogous colors #4DB380 and #4D80B3 also pair well.