Muted Indigo is a medium, moderately saturated shade in the blue color family, with a cool feel. Its HEX code is #614DB2, which equals rgb(97, 77, 178) in RGB and hsl(252, 40%, 50%) in HSL. In print terms it converts to roughly C46 M57 Y0 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#614DB2 - RGB
97, 77, 178 - HSL
252°, 40%, 50% - CMYK
46, 57, 0, 30 - Family
Blue - Tone
Medium, moderately saturated
About Muted Indigo
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 white is the most readable choice on this color, with a contrast ratio of 6.54:1. Its complementary color is #9EB34D.
Download Muted Indigo 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 Indigo color codes
| HEX | #614DB2 |
|---|---|
| RGB | rgb(97, 77, 178) |
| HSL | hsl(252, 40%, 50%) |
| HSV | 252°, 57%, 70% |
| CMYK | 46%, 57%, 0%, 30% |
| Decimal | 6376882 |
Shades and tints of Muted Indigo
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E5E1F2 - 100
#CAC4E5 - 200
#B0A6D9 - 300
#9688CC - 400
#7B6BBF - 500
#614DB2 - 600
#514094 - 700
#413377 - 800
#312759 - 900
#201A3B - 950
#100D1E
Color harmonies for Muted Indigo
- Complementary
#9EB34D≈ Muted Lime - Analogous −30°
#4D6BB3≈ Muted Sapphire - Analogous +30°
#944DB3≈ Muted Grape - Triadic +120°
#B3614D≈ Muted Vermilion - Triadic +240°
#4DB361≈ Muted Emerald - Split 150°
#B3944D≈ Muted Amber - Split 210°
#6BB34D≈ Muted Leaf
Contrast and accessibility of Muted Indigo
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Indigo | Aa | 6.54:1 | AA (good) |
| Black text on Muted Indigo | Aa | 3.21:1 | AA Large only |
CSS code for Muted Indigo
background-color: #614DB2;color: #614DB2;background-color: rgb(97, 77, 178);background-color: hsl(252, 40%, 50%);:root { --color-muted-indigo: #614DB2; }class="bg-[#614DB2]"Colors similar to Muted Indigo
- Muted Ultramarine
#574DB2 - Muted Iris
#6B4DB2 - Muted Blue
#4D4DB2 - Muted Periwinkle
#754DB2 - Muted Royal
#4D57B2 - Muted Violet
#7F4DB2 - Iris
#5A4FCF - Muted Cobalt
#4D61B2 - Medium Dark Muted Periwinkle
#634096 - Slate Blue
#6A5ACD - Medium Dark Muted Iris
#5A4096 - Medium Dark Muted Violet
#6B4096
More blue shades
- Palest Soft Indigo
#DCD6F5 - Darkest Muted Indigo
#130F24 - Very Dark Muted Indigo
#231C40 - Dark Muted Indigo
#32285D - Deep Muted Indigo
#423479 - Medium Dark Muted Indigo
#514096 - Medium Light Muted Indigo
#7A69BF - Light Muted Indigo
#9386CB - Pale Muted Indigo
#ADA2D7 - Very Pale Muted Indigo
#C6BFE3 - Palest Muted Indigo
#DFDBF0
Frequently asked questions
What is the HEX code for Muted Indigo?
The HEX code for Muted Indigo is #614DB2.
What is the RGB value of Muted Indigo?
Muted Indigo has an RGB value of 97, 77, 178 (rgb(97, 77, 178)). In HSL it is 252°, 40%, 50%.
What text color should I use on Muted Indigo?
Use white text on Muted Indigo. White text has a contrast ratio of 6.54:1 and black text has 3.21:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Indigo?
The complementary color of Muted Indigo is #9EB34D. Analogous colors #4D6BB3 and #944DB3 also pair well.