#B02777 Color

#B02777 is rgb(176, 39, 119) in RGB and hsl(325, 64%, 42%) in HSL. The closest CSS named color is MediumVioletRed. White text is most readable on this background.

#B02777

HEX#B02777

RGBrgb(176, 39, 119)

HSLhsl(325, 64%, 42%)

HSVhsv(325, 78%, 69%)

OKLCHoklch(51.8% 0.187 350.1)

CMYKcmyk(0%, 78%, 32%, 31%)

Text Contrast & Accessibility

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

TextWhite text6.17:1AA normal ✓AA large ✓AAA normal ✗

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

Color Harmonies

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

Base#B02777 Complementary#27B060 Analogous#A427B0 Analogous#B02732 Triadic#77B027 Triadic#2777B0

Tints & Shades

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

Tints

#D12E8D #D84F9F #E071B2 #E792C4 #EEB4D6 #F6D5E8

Shades

#9B2268 #821C57 #6D1849 #541238 #3F0E2A #260819

Use #B02777 in Our Tools

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