#B227BE Color

#B227BE is rgb(178, 39, 190) in RGB and hsl(295, 66%, 45%) in HSL. The closest CSS named color is DarkOrchid. White text is most readable on this background.

#B227BE

HEX#B227BE

RGBrgb(178, 39, 190)

HSLhsl(295, 66%, 45%)

HSVhsv(295, 79%, 75%)

OKLCHoklch(55.8% 0.235 324.4)

CMYKcmyk(6%, 79%, 0%, 25%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B227BE Complementary#34BE27 Analogous#6627BE Analogous#BE277F Triadic#BEB227 Triadic#27BEB2

Tints & Shades

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

Tints

#C938D6 #D156DC #DA78E3 #E295E9 #EBB7F0 #F4D5F6

Shades

#9A22A5 #821D8C #6B1772 #57135D #3F0E44 #28092A

Use #B227BE in Our Tools

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