#B2A3CC Color

#B2A3CC is rgb(178, 163, 204) in RGB and hsl(262, 29%, 72%) in HSL. The closest CSS named color is Silver. Black text is most readable on this background.

#B2A3CC

HEX#B2A3CC

RGBrgb(178, 163, 204)

HSLhsl(262, 29%, 72%)

HSVhsv(262, 20%, 80%)

OKLCHoklch(74.2% 0.06 301.6)

CMYKcmyk(13%, 20%, 0%, 20%)

Text Contrast & Accessibility

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

TextWhite text2.33:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text9:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#B2A3CC Complementary#BDCCA3 Analogous#A3A8CC Analogous#C7A3CC Triadic#CCB2A3 Triadic#A3CCB2

Tints & Shades

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

Tints

#BDB0D4 #C5BAD9 #D0C7E0 #DBD4E7 #E6E1EF #EFEBF4

Shades

#9782BA #7E64AA #654E8D #4E3C6D #362A4C #21192E

Use #B2A3CC in Our Tools

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