#6856AE Color

#6856AE is rgb(104, 86, 174) in RGB and hsl(252, 35%, 51%) in HSL. The closest CSS named color is SlateBlue. White text is most readable on this background.

#6856AE

HEX#6856AE

RGBrgb(104, 86, 174)

HSLhsl(252, 35%, 51%)

HSVhsv(252, 51%, 68%)

OKLCHoklch(51.4% 0.135 290.2)

CMYKcmyk(40%, 51%, 0%, 32%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#6856AE Complementary#9CAE56 Analogous#5671AE Analogous#9456AE Triadic#AE6856 Triadic#56AE68

Tints & Shades

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

Tints

#7D6EB9 #9083C3 #A69BCF #BBB3DB #D1CBE6 #E3E0F0

Shades

#594997 #4D3F83 #3E336B #302853 #221C3B #161226

Use #6856AE in Our Tools

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