#BAB1EC Color

#BAB1EC is rgb(186, 177, 236) in RGB and hsl(249, 61%, 81%) in HSL. The closest CSS named color is LightSteelBlue. Black text is most readable on this background.

#BAB1EC

HEX#BAB1EC

RGBrgb(186, 177, 236)

HSLhsl(249, 61%, 81%)

HSVhsv(249, 25%, 93%)

OKLCHoklch(78.8% 0.083 291.4)

CMYKcmyk(21%, 25%, 0%, 7%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BAB1EC Complementary#E3ECB1 Analogous#B1C6EC Analogous#D7B1EC Triadic#ECBAB1 Triadic#B1ECBA

Tints & Shades

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

Tints

#C1B9EE #CCC6F1 #D3CEF3 #DEDAF6 #E6E2F8 #F0EFFB

Shades

#9284E1 #6A57D6 #4630C5 #362598 #261A6B #160F3E

Use #BAB1EC in Our Tools

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