#858AAD Color

#858AAD is rgb(133, 138, 173) in RGB and hsl(233, 20%, 60%) in HSL. The closest CSS named color is LightSlateGray. Black text is most readable on this background.

#858AAD

HEX#858AAD

RGBrgb(133, 138, 173)

HSLhsl(233, 20%, 60%)

HSVhsv(233, 23%, 68%)

OKLCHoklch(64.2% 0.053 278.4)

CMYKcmyk(23%, 20%, 0%, 32%)

Text Contrast & Accessibility

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

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

TextBlack text6.24:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#858AAD Complementary#ADA985 Analogous#859EAD Analogous#9485AD Triadic#AD8589 Triadic#89AD85

Tints & Shades

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

Tints

#9498B8 #A6AAC4 #B6B8CE #C8CADA #D7D9E4 #EAEAF1

Shades

#6C729D #5A5F87 #494E6E #393C56 #292B3D #181A25

Use #858AAD in Our Tools

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