Muted Cobalt is a medium, moderately saturated shade in the blue color family, with a cool feel. Its HEX code is #4D61B2, which equals rgb(77, 97, 178) in RGB and hsl(228, 40%, 50%) in HSL. In print terms it converts to roughly C57 M46 Y0 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#4D61B2 - RGB
77, 97, 178 - HSL
228°, 40%, 50% - CMYK
57, 46, 0, 30 - Family
Blue - Tone
Medium, moderately saturated
About Muted Cobalt
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 white is the most readable choice on this color, with a contrast ratio of 5.72:1. Its complementary color is #B39E4D.
Download Muted Cobalt 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 Cobalt color codes
| HEX | #4D61B2 |
|---|---|
| RGB | rgb(77, 97, 178) |
| HSL | hsl(228, 40%, 50%) |
| HSV | 228°, 57%, 70% |
| CMYK | 57%, 46%, 0%, 30% |
| Decimal | 5071282 |
Shades and tints of Muted Cobalt
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E1E5F2 - 100
#C4CAE5 - 200
#A6B0D9 - 300
#8896CC - 400
#6B7BBF - 500
#4D61B2 - 600
#405194 - 700
#334177 - 800
#273159 - 900
#1A203B - 950
#0D101E
Color harmonies for Muted Cobalt
- Complementary
#B39E4D≈ Muted Marigold - Analogous −30°
#4D94B3≈ Muted Capri - Analogous +30°
#6B4DB3≈ Muted Iris - Triadic +120°
#B34D61≈ Muted Crimson - Triadic +240°
#61B34D≈ Muted Clover - Split 150°
#B36B4D≈ Muted Cinnabar - Split 210°
#94B34D≈ Muted Chartreuse
Contrast and accessibility of Muted Cobalt
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Cobalt | Aa | 5.72:1 | AA (good) |
| Black text on Muted Cobalt | Aa | 3.67:1 | AA Large only |
CSS code for Muted Cobalt
background-color: #4D61B2;color: #4D61B2;background-color: rgb(77, 97, 178);background-color: hsl(228, 40%, 50%);:root { --color-muted-cobalt: #4D61B2; }class="bg-[#4D61B2]"Colors similar to Muted Cobalt
- Muted Sapphire
#4D6BB2 - Muted Royal
#4D57B2 - Muted Cornflower
#4D75B2 - Muted Blue
#4D4DB2 - Muted Ultramarine
#574DB2 - Medium Dark Muted Cornflower
#406396 - Muted Indigo
#614DB2 - Medium Light Muted Blue
#6969BF - Medium Dark Muted Sapphire
#405A96 - Medium Dark Soft Cornflower
#2B5EAB - Medium Dark Muted Cerulean
#406B96 - Medium Dark Soft Cerulean
#2B6BAB
More blue shades
- Palest Soft Cobalt
#D6DCF5 - Darkest Muted Cobalt
#0F1324 - Very Dark Muted Cobalt
#1C2340 - Dark Muted Cobalt
#28325D - Deep Muted Cobalt
#344279 - Medium Dark Muted Cobalt
#405196 - Medium Light Muted Cobalt
#697ABF - Light Muted Cobalt
#8693CB - Pale Muted Cobalt
#A2ADD7 - Very Pale Muted Cobalt
#BFC6E3 - Palest Muted Cobalt
#DBDFF0
Frequently asked questions
What is the HEX code for Muted Cobalt?
The HEX code for Muted Cobalt is #4D61B2.
What is the RGB value of Muted Cobalt?
Muted Cobalt has an RGB value of 77, 97, 178 (rgb(77, 97, 178)). In HSL it is 228°, 40%, 50%.
What text color should I use on Muted Cobalt?
Use white text on Muted Cobalt. White text has a contrast ratio of 5.72:1 and black text has 3.67:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Cobalt?
The complementary color of Muted Cobalt is #B39E4D. Analogous colors #4D94B3 and #6B4DB3 also pair well.