#9683B4 Color

#9683B4 is rgb(150, 131, 180) in RGB and hsl(263, 25%, 61%) in HSL. The closest CSS named color is LightSlateGray. Black text is most readable on this background.

#9683B4

HEX#9683B4

RGBrgb(150, 131, 180)

HSLhsl(263, 25%, 61%)

HSVhsv(263, 27%, 71%)

OKLCHoklch(64.5% 0.075 302.1)

CMYKcmyk(17%, 27%, 0%, 29%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#9683B4 Complementary#A1B483 Analogous#8388B4 Analogous#AF83B4 Triadic#B49683 Triadic#83B496

Tints & Shades

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

Tints

#A393BE #B3A6C9 #C1B6D3 #CEC6DD #DCD6E6 #ECE9F2

Shades

#8069A5 #6C568F #594776 #433659 #302640 #1D1726

Use #9683B4 in Our Tools

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