#B016BB Color

#B016BB is rgb(176, 22, 187) in RGB and hsl(296, 79%, 41%) in HSL. The closest CSS named color is DarkOrchid. White text is most readable on this background.

#B016BB

HEX#B016BB

RGBrgb(176, 22, 187)

HSLhsl(296, 79%, 41%)

HSVhsv(296, 88%, 73%)

OKLCHoklch(54.4% 0.244 325)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B016BB Complementary#21BB16 Analogous#5E16BB Analogous#BB1674 Triadic#BBB016 Triadic#16BBB0

Tints & Shades

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

Tints

#D21AE0 #DC3BE8 #E35FEC #EA88F1 #F1ADF5 #F7D1FA

Shades

#9B13A4 #811089 #6B0D72 #560B5B #400844 #270529

Use #B016BB in Our Tools

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