#B2A0CA Color

#B2A0CA is rgb(178, 160, 202) in RGB and hsl(266, 28%, 71%) in HSL. The closest CSS named color is DarkGray. Black text is most readable on this background.

#B2A0CA

HEX#B2A0CA

RGBrgb(178, 160, 202)

HSLhsl(266, 28%, 71%)

HSVhsv(266, 21%, 79%)

OKLCHoklch(73.5% 0.063 304.4)

CMYKcmyk(12%, 21%, 0%, 21%)

Text Contrast & Accessibility

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

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

TextBlack text8.77:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#B2A0CA Complementary#B8CAA0 Analogous#A0A3CA Analogous#C7A0CA Triadic#CAB2A0 Triadic#A0CAB2

Tints & Shades

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

Tints

#BDADD1 #C7BAD8 #D2C8E0 #DAD1E5 #E5DEED #EFEBF4

Shades

#9880B7 #8062A7 #674D89 #513D6C #382A4B #221A2E

Use #B2A0CA in Our Tools

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