#B35656 Color

#B35656 is rgb(179, 86, 86) in RGB and hsl(0, 38%, 52%) in HSL. The closest CSS named color is IndianRed. White text is most readable on this background.

#B35656

HEX#B35656

RGBrgb(179, 86, 86)

HSLhsl(0, 38%, 52%)

HSVhsv(0, 52%, 70%)

OKLCHoklch(56.8% 0.121 21.7)

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

Text Contrast & Accessibility

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

TextWhite text4.79:1AA normal ✓AA large ✓AAA normal ✗

TextBlack text4.38:1AA normal ✗AA large ✓AAA normal ✗

Color Harmonies

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

Base#B35656 Complementary#56B3B3 Analogous#B35685 Analogous#B38556 Triadic#56B356 Triadic#5656B3

Tints & Shades

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

Tints

#BE6F6F #C88484 #D39C9C #DCB2B2 #E7CACA #F1DFDF

Shades

#9E4747 #863C3C #6D3131 #582828 #3F1C1C #271111

Use #B35656 in Our Tools

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