#B42250 Color

#B42250 is rgb(180, 34, 80) in RGB and hsl(341, 68%, 42%) in HSL. The closest CSS named color is Brown. White text is most readable on this background.

#B42250

HEX#B42250

RGBrgb(180, 34, 80)

HSLhsl(341, 68%, 42%)

HSVhsv(341, 81%, 71%)

OKLCHoklch(50.9% 0.181 8.8)

CMYKcmyk(0%, 81%, 56%, 29%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B42250 Complementary#22B486 Analogous#B42299 Analogous#B43D22 Triadic#50B422 Triadic#2250B4

Tints & Shades

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

Tints

#D62960 #DD4B79 #E36D93 #EA90AC #F0B2C6 #F7D4DF

Shades

#9F1E47 #85193B #6F1532 #561026 #400C1D #270711

Use #B42250 in Our Tools

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