#856AC8 Color

#856AC8 is rgb(133, 106, 200) in RGB and hsl(257, 46%, 60%) in HSL. The closest CSS named color is MediumPurple. Black text is most readable on this background.

#856AC8

HEX#856AC8

RGBrgb(133, 106, 200)

HSLhsl(257, 46%, 60%)

HSVhsv(257, 47%, 78%)

OKLCHoklch(59.2% 0.141 295)

CMYKcmyk(34%, 47%, 0%, 22%)

Text Contrast & Accessibility

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

TextWhite text4.29:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text4.89:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#856AC8 Complementary#ADC86A Analogous#6A7EC8 Analogous#B46AC8 Triadic#C8856A Triadic#6AC885

Tints & Shades

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

Tints

#947DCF #A693D7 #B6A6DE #C8BCE6 #D7CFED #EAE5F5

Shades

#6C4CBD #5A3DA4 #4A3286 #392768 #291C4A #19112D

Use #856AC8 in Our Tools

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