#B20CBB Color

#B20CBB is rgb(178, 12, 187) in RGB and hsl(297, 88%, 39%) in HSL. The closest CSS named color is DarkViolet. White text is most readable on this background.

#B20CBB

HEX#B20CBB

RGBrgb(178, 12, 187)

HSLhsl(297, 88%, 39%)

HSVhsv(297, 94%, 73%)

OKLCHoklch(54.4% 0.249 325.7)

CMYKcmyk(5%, 94%, 0%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B20CBB Complementary#15BB0C Analogous#5B0CBB Analogous#BB0C6C Triadic#BBB20C Triadic#0CBBB2

Tints & Shades

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

Tints

#D70EE1 #E82CF2 #EC52F4 #F17EF7 #F5A4F9 #FACFFC

Shades

#9B0AA3 #85098B #6E0773 #57065B #400443 #29032B

Use #B20CBB in Our Tools

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