#B217BA Color

#B217BA is rgb(178, 23, 186) in RGB and hsl(297, 78%, 41%) in HSL. The closest CSS named color is DarkOrchid. White text is most readable on this background.

#B217BA

HEX#B217BA

RGBrgb(178, 23, 186)

HSLhsl(297, 78%, 41%)

HSVhsv(297, 88%, 73%)

OKLCHoklch(54.7% 0.243 325.9)

CMYKcmyk(4%, 88%, 0%, 27%)

Text Contrast & Accessibility

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

TextWhite text5.64:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text3.72:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#B217BA Complementary#1FBA17 Analogous#6017BA Analogous#BA1771 Triadic#BAB217 Triadic#17BAB2

Tints & Shades

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

Tints

#D51BDE #DE3CE7 #E460EB #EB89F0 #F1ADF5 #F7D2F9

Shades

#9C14A3 #821188 #6D0E71 #570B5B #410844 #270529

Use #B217BA in Our Tools

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