#6E5ED9 Color

#6E5ED9 is rgb(110, 94, 217) in RGB and hsl(248, 62%, 61%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#6E5ED9

HEX#6E5ED9

RGBrgb(110, 94, 217)

HSLhsl(248, 62%, 61%)

HSVhsv(248, 57%, 85%)

OKLCHoklch(56.2% 0.181 284.9)

CMYKcmyk(49%, 57%, 0%, 15%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #6E5ED9 background. AA requires 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1.

TextWhite text4.92:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.27:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

Colors that pair well with #6E5ED9 based on color wheel relationships. Click any swatch for its full breakdown.

Base#6E5ED9 Complementary#C9D95E Analogous#5E8BD9 Analogous#AC5ED9 Triadic#D96E5E Triadic#5ED96E

Tints & Shades

Lighter tints and darker shades of #6E5ED9, useful for hover states, backgrounds, and text variants.

Tints

#8173DE #978BE4 #AAA0E9 #BCB5EE #CFC9F2 #E5E2F8

Shades

#513DD1 #3F2CBA #332499 #271B74 #1C1353 #110C32

Use #6E5ED9 in Our Tools

Hex to RGB Hex to HSL Hex to CMYK Hex to Pantone RGBA to Hex