Muted Iris is a medium, moderately saturated shade in the blue color family, with a cool feel. Its HEX code is #6B4DB2, which equals rgb(107, 77, 178) in RGB and hsl(258, 40%, 50%) in HSL. In print terms it converts to roughly C40 M57 Y0 K30, although exact CMYK results depend on the paper and color profile.
- HEX
#6B4DB2 - RGB
107, 77, 178 - HSL
258°, 40%, 50% - CMYK
40, 57, 0, 30 - Family
Blue - Tone
Medium, moderately saturated
About Muted Iris
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 6.31:1. Its complementary color is #94B34D.
Download Muted Iris 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 Iris color codes
| HEX | #6B4DB2 |
|---|---|
| RGB | rgb(107, 77, 178) |
| HSL | hsl(258, 40%, 50%) |
| HSV | 258°, 57%, 70% |
| CMYK | 40%, 57%, 0%, 30% |
| Decimal | 7032242 |
Shades and tints of Muted Iris
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#E6E1F2 - 100
#CEC4E5 - 200
#B5A6D9 - 300
#9C88CC - 400
#846BBF - 500
#6B4DB2 - 600
#594094 - 700
#473377 - 800
#362759 - 900
#241A3B - 950
#120D1E
Color harmonies for Muted Iris
- Complementary
#94B34D≈ Muted Chartreuse - Analogous −30°
#4D61B3≈ Muted Cobalt - Analogous +30°
#9E4DB3≈ Muted Purple - Triadic +120°
#B36B4D≈ Muted Cinnabar - Triadic +240°
#4DB36B≈ Muted Jade - Split 150°
#B39E4D≈ Muted Marigold - Split 210°
#61B34D≈ Muted Clover
Contrast and accessibility of Muted Iris
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Muted Iris | Aa | 6.31:1 | AA (good) |
| Black text on Muted Iris | Aa | 3.33:1 | AA Large only |
CSS code for Muted Iris
background-color: #6B4DB2;color: #6B4DB2;background-color: rgb(107, 77, 178);background-color: hsl(258, 40%, 50%);:root { --color-muted-iris: #6B4DB2; }class="bg-[#6B4DB2]"Colors similar to Muted Iris
- Muted Indigo
#614DB2 - Muted Periwinkle
#754DB2 - Muted Ultramarine
#574DB2 - Muted Violet
#7F4DB2 - Muted Blue
#4D4DB2 - Muted Amethyst
#8A4DB2 - Muted Royal
#4D57B2 - Slate Blue
#6A5ACD - Medium Dark Muted Violet
#6B4096 - Medium Dark Muted Periwinkle
#634096 - Medium Dark Muted Amethyst
#744096 - Iris
#5A4FCF
More blue shades
- Palest Soft Iris
#DFD6F5 - Darkest Muted Iris
#150F24 - Very Dark Muted Iris
#271C40 - Dark Muted Iris
#38285D - Deep Muted Iris
#493479 - Medium Dark Muted Iris
#5A4096 - Medium Light Muted Iris
#8369BF - Light Muted Iris
#9A86CB - Pale Muted Iris
#B2A2D7 - Very Pale Muted Iris
#CABFE3 - Palest Muted Iris
#E1DBF0
Frequently asked questions
What is the HEX code for Muted Iris?
The HEX code for Muted Iris is #6B4DB2.
What is the RGB value of Muted Iris?
Muted Iris has an RGB value of 107, 77, 178 (rgb(107, 77, 178)). In HSL it is 258°, 40%, 50%.
What text color should I use on Muted Iris?
Use white text on Muted Iris. White text has a contrast ratio of 6.31:1 and black text has 3.33:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Muted Iris?
The complementary color of Muted Iris is #94B34D. Analogous colors #4D61B3 and #9E4DB3 also pair well.