#6A155E Color

#6A155E is rgb(106, 21, 94) in RGB and hsl(308, 67%, 25%) in HSL. The closest CSS named color is Purple. White text is most readable on this background.

#6A155E

HEX#6A155E

RGBrgb(106, 21, 94)

HSLhsl(308, 67%, 25%)

HSVhsv(308, 80%, 42%)

OKLCHoklch(37.2% 0.144 334.6)

CMYKcmyk(0%, 80%, 11%, 58%)

Text Contrast & Accessibility

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

TextWhite text11.16:1AA normal ✓AA large ✓AAA normal ✓

TextBlack text1.88:1AA normal ✗AA large ✗AAA normal ✗

Color Harmonies

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

Base#6A155E Complementary#156A20 Analogous#4B156A Analogous#6A1534 Triadic#5F6A15 Triadic#155F6A

Tints & Shades

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

Tints

#951D85 #C427AF #DA44C6 #E372D4 #EC9DE1 #F5CCEF

Shades

#5E1354 #511048 #440D3D #370B31 #2B0826 #1E061B

Use #6A155E in Our Tools

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