#B224AF Color

#B224AF is rgb(178, 36, 175) in RGB and hsl(301, 66%, 42%) in HSL. The closest CSS named color is DarkOrchid. White text is most readable on this background.

#B224AF

HEX#B224AF

RGBrgb(178, 36, 175)

HSLhsl(301, 66%, 42%)

HSVhsv(301, 80%, 70%)

OKLCHoklch(54.7% 0.226 329.1)

CMYKcmyk(0%, 80%, 2%, 30%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B224AF Complementary#24B227 Analogous#6D24B2 Analogous#B22469 Triadic#AFB224 Triadic#24AFB2

Tints & Shades

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

Tints

#D42BD1 #DB4DD8 #E26FE0 #E891E7 #EFB3EE #F6D5F6

Shades

#9D209B #831B81 #6E176D #551154 #3F0D3F #260826

Use #B224AF in Our Tools

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