Muted Peacock is a medium, moderately saturated shade in the blue color family, with a cool feel. Its HEX code is #4D9EB2, which equals rgb(77, 158, 178) in RGB and hsl(192, 40%, 50%) in HSL. In print terms it converts to roughly C57 M11 Y0 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#4D9EB2 - RGB
77, 158, 178 - HSL
192°, 40%, 50% - CMYK
57, 11, 0, 30 - Family
Blue - Tone
Medium, moderately saturated
About Muted Peacock
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 6.85:1. Its complementary color is #B3614D.
Download Muted Peacock 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 Peacock color codes
| HEX | #4D9EB2 |
|---|---|
| RGB | rgb(77, 158, 178) |
| HSL | hsl(192, 40%, 50%) |
| HSV | 192°, 57%, 70% |
| CMYK | 57%, 11%, 0%, 30% |
| Decimal | 5086898 |
Shades and tints of Muted Peacock
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E1EFF2 - 100
#C4DFE5 - 200
#A6CFD9 - 300
#88BECC - 400
#6BAEBF - 500
#4D9EB2 - 600
#408494 - 700
#336977 - 800
#274F59 - 900
#1A353B - 950
#0D1A1E
Color harmonies for Muted Peacock
- Complementary
#B3614D≈ Muted Vermilion - Analogous −30°
#4DB394≈ Muted Aquamarine - Analogous +30°
#4D6BB3≈ Muted Sapphire - Triadic +120°
#B34D9E≈ Muted Cerise - Triadic +240°
#9EB34D≈ Muted Lime - Split 150°
#B34D6B≈ Muted Ruby - Split 210°
#B3944D≈ Muted Amber
Contrast and accessibility of Muted Peacock
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Peacock | Aa | 3.07:1 | AA Large only |
| Black text on Muted Peacock | Aa | 6.85:1 | AA (good) |
CSS code for Muted Peacock
background-color: #4D9EB2;color: #4D9EB2;background-color: rgb(77, 158, 178);background-color: hsl(192, 40%, 50%);:root { --color-muted-peacock: #4D9EB2; }class="bg-[#4D9EB2]"Colors similar to Muted Peacock
- Muted Lagoon
#4DA8B2 - Muted Capri
#4D94B2 - Muted Cyan
#4DB2B2 - Muted Azure
#4D8AB2 - Cadet Blue
#5F9EA0 - Muted Teal
#4DB2A8 - Medium Light Muted Azure
#699CBF - Medium Light Muted Capri
#69A5BF - Muted Turquoise
#4DB29E - Medium Light Muted Cerulean
#6994BF - Medium Dark Soft Lagoon
#2B9FAB - Medium Dark Muted Cyan
#409696
More blue shades
- Palest Soft Peacock
#D6EFF5 - Darkest Muted Peacock
#0F2024 - Very Dark Muted Peacock
#1C3940 - Dark Muted Peacock
#28525D - Deep Muted Peacock
#346C79 - Medium Dark Muted Peacock
#408596 - Medium Light Muted Peacock
#69AEBF - Light Muted Peacock
#86BDCB - Pale Muted Peacock
#A2CDD7 - Very Pale Muted Peacock
#BFDCE3 - Palest Muted Peacock
#DBECF0
Frequently asked questions
What is the HEX code for Muted Peacock?
The HEX code for Muted Peacock is #4D9EB2.
What is the RGB value of Muted Peacock?
Muted Peacock has an RGB value of 77, 158, 178 (rgb(77, 158, 178)). In HSL it is 192°, 40%, 50%.
What text color should I use on Muted Peacock?
Use black text on Muted Peacock. White text has a contrast ratio of 3.07:1 and black text has 6.85:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Peacock?
The complementary color of Muted Peacock is #B3614D. Analogous colors #4DB394 and #4D6BB3 also pair well.