Muted Teal is a medium, moderately saturated shade in the blue color family, with a cool feel. Its HEX code is #4DB2A8, which equals rgb(77, 178, 168) in RGB and hsl(174, 40%, 50%) in HSL. In print terms it converts to roughly C57 M0 Y6 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#4DB2A8 - RGB
77, 178, 168 - HSL
174°, 40%, 50% - CMYK
57, 0, 6, 30 - Family
Blue - Tone
Medium, moderately saturated
About Muted Teal
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 8.25:1. Its complementary color is #B34D57.
Download Muted Teal 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 Teal color codes
| HEX | #4DB2A8 |
|---|---|
| RGB | rgb(77, 178, 168) |
| HSL | hsl(174, 40%, 50%) |
| HSV | 174°, 57%, 70% |
| CMYK | 57%, 0%, 6%, 30% |
| Decimal | 5092008 |
Shades and tints of Muted Teal
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E1F2F1 - 100
#C4E5E2 - 200
#A6D9D4 - 300
#88CCC5 - 400
#6BBFB7 - 500
#4DB2A8 - 600
#40948C - 700
#337770 - 800
#275954 - 900
#1A3B38 - 950
#0D1E1C
Color harmonies for Muted Teal
- Complementary
#B34D57≈ Muted Cardinal - Analogous −30°
#4DB375≈ Muted Malachite - Analogous +30°
#4D8AB3≈ Muted Azure - Triadic +120°
#A84DB3≈ Muted Orchid - Triadic +240°
#B3A84D≈ Muted Gold - Split 150°
#B34D8A≈ Muted Rose - Split 210°
#B3754D≈ Muted Persimmon
Contrast and accessibility of Muted Teal
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Teal | Aa | 2.55:1 | Fails |
| Black text on Muted Teal | Aa | 8.25:1 | AAA (excellent) |
CSS code for Muted Teal
background-color: #4DB2A8;color: #4DB2A8;background-color: rgb(77, 178, 168);background-color: hsl(174, 40%, 50%);:root { --color-muted-teal: #4DB2A8; }class="bg-[#4DB2A8]"Colors similar to Muted Teal
- Muted Turquoise
#4DB29E - Muted Cyan
#4DB2B2 - Muted Lagoon
#4DA8B2 - Muted Aquamarine
#4DB294 - Muted Peacock
#4D9EB2 - Muted Seafoam
#4DB28A - Cadet Blue
#5F9EA0 - Medium Light Muted Aquamarine
#69BFA5 - Medium Light Muted Turquoise
#69BFAE - Medium Dark Soft Cyan
#2BABAB - Medium Light Muted Seafoam
#69BF9C - Medium Dark Soft Teal
#2BAB9F
More blue shades
- Palest Soft Teal
#D6F5F2 - Darkest Muted Teal
#0F2422 - Very Dark Muted Teal
#1C403D - Dark Muted Teal
#285D58 - Deep Muted Teal
#347972 - Medium Dark Muted Teal
#40968D - Medium Light Muted Teal
#69BFB6 - Light Muted Teal
#86CBC4 - Pale Muted Teal
#A2D7D2 - Very Pale Muted Teal
#BFE3E0 - Palest Muted Teal
#DBF0EE
Frequently asked questions
What is the HEX code for Muted Teal?
The HEX code for Muted Teal is #4DB2A8.
What is the RGB value of Muted Teal?
Muted Teal has an RGB value of 77, 178, 168 (rgb(77, 178, 168)). In HSL it is 174°, 40%, 50%.
What text color should I use on Muted Teal?
Use black text on Muted Teal. White text has a contrast ratio of 2.55:1 and black text has 8.25:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Teal?
The complementary color of Muted Teal is #B34D57. Analogous colors #4DB375 and #4D8AB3 also pair well.