#BD5742 Color

#BD5742 is rgb(189, 87, 66) in RGB and hsl(10, 48%, 50%) in HSL. The closest CSS named color is IndianRed. Black text is most readable on this background.

#BD5742

HEX#BD5742

RGBrgb(189, 87, 66)

HSLhsl(10, 48%, 50%)

HSVhsv(10, 65%, 74%)

OKLCHoklch(58% 0.136 33.1)

CMYKcmyk(0%, 54%, 65%, 26%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BD5742 Complementary#42A8BD Analogous#BD426B Analogous#BD9442 Triadic#42BD57 Triadic#5742BD

Tints & Shades

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

Tints

#C66E5D #CF8677 #D99D92 #E1B2A8 #EAC9C3 #F3E1DD

Shades

#A24B39 #8C4031 #713428 #5B2A20 #401D17 #2A130F

Use #BD5742 in Our Tools

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