#B50BCB Color

#B50BCB is rgb(181, 11, 203) in RGB and hsl(293, 90%, 42%) in HSL. The closest CSS named color is DarkViolet. White text is most readable on this background.

#B50BCB

HEX#B50BCB

RGBrgb(181, 11, 203)

HSLhsl(293, 90%, 42%)

HSVhsv(293, 95%, 80%)

OKLCHoklch(55.9% 0.261 322.2)

CMYKcmyk(11%, 95%, 0%, 20%)

Text Contrast & Accessibility

WCAG contrast ratios for text on a #B50BCB 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 #B50BCB based on color wheel relationships. Click any swatch for its full breakdown.

Base#B50BCB Complementary#21CB0B Analogous#550BCB Analogous#CB0B82 Triadic#CBB50B Triadic#0BCBB5

Tints & Shades

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

Tints

#D70DF2 #DE34F4 #E45AF6 #EA81F8 #F1A8FA #F7CFFC

Shades

#9F09B3 #860896 #70077E #560561 #410449 #27022C

Use #B50BCB in Our Tools

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