#9689AE Color

#9689AE is rgb(150, 137, 174) in RGB and hsl(261, 19%, 61%) in HSL. The closest CSS named color is LightSlateGray. Black text is most readable on this background.

#9689AE

HEX#9689AE

RGBrgb(150, 137, 174)

HSLhsl(261, 19%, 61%)

HSVhsv(261, 21%, 68%)

OKLCHoklch(65.4% 0.056 300.9)

CMYKcmyk(14%, 21%, 0%, 32%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#9689AE Complementary#A1AE89 Analogous#898EAE Analogous#A989AE Triadic#AE9689 Triadic#89AE96

Tints & Shades

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

Tints

#A398B9 #B4AAC5 #C1B9CF #CEC8DA #DCD8E4 #ECEAF1

Shades

#80709E #6C5D89 #594C70 #433A55 #30293D #1D1924

Use #9689AE in Our Tools

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