Muted Lagoon is a medium, moderately saturated shade in the blue color family, with a cool feel. Its HEX code is #4DA8B2, which equals rgb(77, 168, 178) in RGB and hsl(186, 40%, 50%) in HSL. In print terms it converts to roughly C57 M6 Y0 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#4DA8B2 - RGB
77, 168, 178 - HSL
186°, 40%, 50% - CMYK
57, 6, 0, 30 - Family
Blue - Tone
Medium, moderately saturated
About Muted Lagoon
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. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 7.56:1. Its complementary color is #B3574D.
Download Muted Lagoon 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 Lagoon color codes
| HEX | #4DA8B2 |
|---|---|
| RGB | rgb(77, 168, 178) |
| HSL | hsl(186, 40%, 50%) |
| HSV | 186°, 57%, 70% |
| CMYK | 57%, 6%, 0%, 30% |
| Decimal | 5089458 |
Shades and tints of Muted Lagoon
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E1F1F2 - 100
#C4E2E5 - 200
#A6D4D9 - 300
#88C5CC - 400
#6BB7BF - 500
#4DA8B2 - 600
#408C94 - 700
#337077 - 800
#275459 - 900
#1A383B - 950
#0D1C1E
Color harmonies for Muted Lagoon
- Complementary
#B3574D≈ Muted Scarlet - Analogous −30°
#4DB38A≈ Muted Seafoam - Analogous +30°
#4D75B3≈ Muted Cornflower - Triadic +120°
#B34DA8≈ Muted Fuchsia - Triadic +240°
#A8B34D≈ Muted Citron - Split 150°
#B34D75≈ Muted Carmine - Split 210°
#B38A4D≈ Muted Tangerine
Contrast and accessibility of Muted Lagoon
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Lagoon | Aa | 2.78:1 | Fails |
| Black text on Muted Lagoon | Aa | 7.56:1 | AAA (excellent) |
CSS code for Muted Lagoon
background-color: #4DA8B2;color: #4DA8B2;background-color: rgb(77, 168, 178);background-color: hsl(186, 40%, 50%);:root { --color-muted-lagoon: #4DA8B2; }class="bg-[#4DA8B2]"Colors similar to Muted Lagoon
- Muted Cyan
#4DB2B2 - Muted Peacock
#4D9EB2 - Muted Teal
#4DB2A8 - Muted Turquoise
#4DB29E - Muted Capri
#4D94B2 - Cadet Blue
#5F9EA0 - Medium Light Muted Capri
#69A5BF - Medium Light Muted Peacock
#69AEBF - Medium Dark Soft Cyan
#2BABAB - Muted Aquamarine
#4DB294 - Medium Light Muted Azure
#699CBF - Medium Dark Soft Lagoon
#2B9FAB
More blue shades
- Palest Soft Lagoon
#D6F2F5 - Darkest Muted Lagoon
#0F2224 - Very Dark Muted Lagoon
#1C3D40 - Dark Muted Lagoon
#28585D - Deep Muted Lagoon
#347279 - Medium Dark Muted Lagoon
#408D96 - Medium Light Muted Lagoon
#69B6BF - Light Muted Lagoon
#86C4CB - Pale Muted Lagoon
#A2D2D7 - Very Pale Muted Lagoon
#BFE0E3 - Palest Muted Lagoon
#DBEEF0
Frequently asked questions
What is the HEX code for Muted Lagoon?
The HEX code for Muted Lagoon is #4DA8B2.
What is the RGB value of Muted Lagoon?
Muted Lagoon has an RGB value of 77, 168, 178 (rgb(77, 168, 178)). In HSL it is 186°, 40%, 50%.
What text color should I use on Muted Lagoon?
Use black text on Muted Lagoon. White text has a contrast ratio of 2.78:1 and black text has 7.56:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Lagoon?
The complementary color of Muted Lagoon is #B3574D. Analogous colors #4DB38A and #4D75B3 also pair well.