#6E5AAA Color

#6E5AAA is rgb(110, 90, 170) in RGB and hsl(255, 32%, 51%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#6E5AAA

HEX#6E5AAA

RGBrgb(110, 90, 170)

HSLhsl(255, 32%, 51%)

HSVhsv(255, 47%, 67%)

OKLCHoklch(52.4% 0.123 293.2)

CMYKcmyk(35%, 47%, 0%, 33%)

Text Contrast & Accessibility

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

TextWhite text5.67:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.71:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#6E5AAA Complementary#96AA5A Analogous#5A6EAA Analogous#965AAA Triadic#AA6E5A Triadic#5AAA6E

Tints & Shades

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

Tints

#8372B6 #9586C1 #A99DCD #BEB5D9 #D3CDE5 #E4E1EF

Shades

#5E4C94 #514280 #423668 #332A51 #241D39 #181325

Use #6E5AAA in Our Tools

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