#857DA1 Color

#857DA1 is rgb(133, 125, 161) in RGB and hsl(253, 16%, 56%) in HSL. The closest CSS named color is LightSlateGray. Black text is most readable on this background.

#857DA1

HEX#857DA1

RGBrgb(133, 125, 161)

HSLhsl(253, 16%, 56%)

HSVhsv(253, 22%, 63%)

OKLCHoklch(61% 0.055 294.9)

CMYKcmyk(17%, 22%, 0%, 37%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#857DA1 Complementary#99A17D Analogous#7D87A1 Analogous#977DA1 Triadic#A1857D Triadic#7DA185

Tints & Shades

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

Tints

#958FAE #A6A0BA #B7B2C7 #C7C4D4 #D8D6E1 #E9E7EE

Shades

#726991 #5F5879 #4F4965 #3C384D #2C2938 #1A1821

Use #857DA1 in Our Tools

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