#BAB5DE Color

#BAB5DE is rgb(186, 181, 222) in RGB and hsl(247, 38%, 79%) in HSL. The closest CSS named color is LightSteelBlue. Black text is most readable on this background.

#BAB5DE

HEX#BAB5DE

RGBrgb(186, 181, 222)

HSLhsl(247, 38%, 79%)

HSVhsv(247, 18%, 87%)

OKLCHoklch(79.1% 0.058 290.6)

CMYKcmyk(16%, 18%, 0%, 13%)

Text Contrast & Accessibility

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

TextWhite text1.95:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text10.75:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#BAB5DE Complementary#D9DEB5 Analogous#B5C5DE Analogous#CEB5DE Triadic#DEBAB5 Triadic#B5DEBA

Tints & Shades

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

Tints

#C4C0E3 #CAC7E6 #D4D1EA #DEDCEF #E8E6F4 #EFEDF7

Shades

#968ECC #756BBD #554AA5 #41397F #2D2858 #1B1835

Use #BAB5DE in Our Tools

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