#BB661B Color

#BB661B is rgb(187, 102, 27) in RGB and hsl(28, 75%, 42%) in HSL. The closest CSS named color is Chocolate. Black text is most readable on this background.

#BB661B

HEX#BB661B

RGBrgb(187, 102, 27)

HSLhsl(28, 75%, 42%)

HSVhsv(28, 86%, 73%)

OKLCHoklch(59.7% 0.136 55.7)

CMYKcmyk(0%, 45%, 86%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BB661B Complementary#1B70BB Analogous#BB1B20 Analogous#BBB61B Triadic#1BBB66 Triadic#661BBB

Tints & Shades

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

Tints

#DF7920 #E48F44 #E9A467 #EEB98B #F4CFAF #F9E4D2

Shades

#A55A18 #8A4B14 #743F11 #59300D #43240A #281606

Use #BB661B in Our Tools

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