#BB6F35 Color

#BB6F35 is rgb(187, 111, 53) in RGB and hsl(26, 56%, 47%) in HSL. The closest CSS named color is Peru. Black text is most readable on this background.

#BB6F35

HEX#BB6F35

RGBrgb(187, 111, 53)

HSLhsl(26, 56%, 47%)

HSVhsv(26, 72%, 73%)

OKLCHoklch(61.5% 0.121 55.3)

CMYKcmyk(0%, 41%, 72%, 27%)

Text Contrast & Accessibility

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

TextWhite text3.86:1AA normal ✗AA large ✓AAA normal ✗

TextBlack text5.44:1AA normal ✓AA large ✓AAA normal ✗

Color Harmonies

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

Base#BB6F35 Complementary#3581BB Analogous#BB353E Analogous#BBB235 Triadic#35BB6F Triadic#6F35BB

Tints & Shades

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

Tints

#CB8148 #D49768 #DCAA84 #E4BDA0 #ECD0BB #F5E6DB

Shades

#A3612E #8B5327 #734421 #583419 #402612 #28180B

Use #BB6F35 in Our Tools

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