#856EE2 Color

#856EE2 is rgb(133, 110, 226) in RGB and hsl(252, 67%, 66%) in HSL. The closest CSS named color is MediumPurple. Black text is most readable on this background.

#856EE2

HEX#856EE2

RGBrgb(133, 110, 226)

HSLhsl(252, 67%, 66%)

HSVhsv(252, 51%, 89%)

OKLCHoklch(61.5% 0.169 289.6)

CMYKcmyk(41%, 51%, 0%, 11%)

Text Contrast & Accessibility

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

TextWhite text3.94:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.33:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#856EE2 Complementary#CBE26E Analogous#6E91E2 Analogous#C06EE2 Triadic#E2856E Triadic#6EE285

Tints & Shades

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

Tints

#9784E7 #A695EA #B7AAEE #C6BBF2 #D8D0F6 #E6E1F9

Shades

#6548DB #4928CC #3B21A6 #2F1A84 #22135E #140B37

Use #856EE2 in Our Tools

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