#B53056 Color

#B53056 is rgb(181, 48, 86) in RGB and hsl(343, 58%, 45%) in HSL. The closest CSS named color is Brown. White text is most readable on this background.

#B53056

HEX#B53056

RGBrgb(181, 48, 86)

HSLhsl(343, 58%, 45%)

HSVhsv(343, 73%, 71%)

OKLCHoklch(52.3% 0.17 8.5)

CMYKcmyk(0%, 73%, 52%, 29%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B53056 Complementary#30B590 Analogous#B53098 Analogous#B54D30 Triadic#56B530 Triadic#3056B5

Tints & Shades

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

Tints

#CD4269 #D45E7F #DD7E99 #E49AAF #EDBBC9 #F4D7DF

Shades

#9D2A4A #85233F #6D1D34 #59182A #40111F #280B13

Use #B53056 in Our Tools

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