#B22AB7 Color

#B22AB7 is rgb(178, 42, 183) in RGB and hsl(298, 63%, 44%) in HSL. The closest CSS named color is DarkOrchid. White text is most readable on this background.

#B22AB7

HEX#B22AB7

RGBrgb(178, 42, 183)

HSLhsl(298, 63%, 44%)

HSVhsv(298, 77%, 72%)

OKLCHoklch(55.6% 0.227 326.5)

CMYKcmyk(3%, 77%, 0%, 28%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B22AB7 Complementary#2EB72A Analogous#6B2AB7 Analogous#B72A75 Triadic#B7B22A Triadic#2AB7B2

Tints & Shades

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

Tints

#CD37D2 #D455D8 #DC76E0 #E597E7 #EDB8EF #F4D5F6

Shades

#9A249E #861F89 #6D1970 #551457 #3D0E3E #28092A

Use #B22AB7 in Our Tools

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