#B420BC Color

#B420BC is rgb(180, 32, 188) in RGB and hsl(297, 71%, 43%) in HSL. The closest CSS named color is DarkOrchid. White text is most readable on this background.

#B420BC

HEX#B420BC

RGBrgb(180, 32, 188)

HSLhsl(297, 71%, 43%)

HSVhsv(297, 83%, 74%)

OKLCHoklch(55.6% 0.24 325.8)

CMYKcmyk(4%, 83%, 0%, 26%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B420BC Complementary#28BC20 Analogous#6620BC Analogous#BC2075 Triadic#BCB420 Triadic#20BCB4

Tints & Shades

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

Tints

#D229DB #D94CE1 #E16FE7 #E78EEC #EEB1F2 #F6D3F8

Shades

#9B1BA1 #86188C #6D1371 #58105C #3F0B41 #2A072C

Use #B420BC in Our Tools

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