#B46AAA Color

#B46AAA is rgb(180, 106, 170) in RGB and hsl(308, 33%, 56%) in HSL. The closest CSS named color is PaleVioletRed. Black text is most readable on this background.

#B46AAA

HEX#B46AAA

RGBrgb(180, 106, 170)

HSLhsl(308, 33%, 56%)

HSVhsv(308, 41%, 71%)

OKLCHoklch(62.8% 0.126 332)

CMYKcmyk(0%, 41%, 6%, 29%)

Text Contrast & Accessibility

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

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

TextBlack text5.58:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#B46AAA Complementary#6AB474 Analogous#996AB4 Analogous#B46A85 Triadic#AAB46A Triadic#6AAAB4

Tints & Shades

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

Tints

#BE7EB6 #C892C1 #D3A7CD #DDBBD8 #E7D0E4 #F1E4F0

Shades

#A6549B #8B4682 #733A6C #582C52 #40203C #251323

Use #B46AAA in Our Tools

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