#6A55D3 Color

#6A55D3 is rgb(106, 85, 211) in RGB and hsl(250, 59%, 58%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#6A55D3

HEX#6A55D3

RGBrgb(106, 85, 211)

HSLhsl(250, 59%, 58%)

HSVhsv(250, 60%, 83%)

OKLCHoklch(54% 0.186 286)

CMYKcmyk(50%, 60%, 0%, 17%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#6A55D3 Complementary#BED355 Analogous#557FD3 Analogous#A955D3 Triadic#D36A55 Triadic#55D36A

Tints & Shades

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

Tints

#7F6DD9 #9181DF #A69AE5 #BBB2EB #D1CAF1 #E3DFF7

Shades

#4D34CB #432DAE #36258E #2A1C6D #1D144D #130D31

Use #6A55D3 in Our Tools

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