#B32356 Color

#B32356 is rgb(179, 35, 86) in RGB and hsl(339, 67%, 42%) in HSL. The closest CSS named color is Brown. White text is most readable on this background.

#B32356

HEX#B32356

RGBrgb(179, 35, 86)

HSLhsl(339, 67%, 42%)

HSVhsv(339, 80%, 70%)

OKLCHoklch(50.9% 0.181 5.9)

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

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#B32356 Complementary#23B381 Analogous#B3239D Analogous#B33923 Triadic#56B323 Triadic#2356B3

Tints & Shades

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

Tints

#D52A66 #DC4C7E #E26E97 #E990AF #F0B2C8 #F7D4E0

Shades

#9E1F4B #841A3F #6F1635 #551129 #400D1F #260812

Use #B32356 in Our Tools

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