#BAAF87 Color

#BAAF87 is rgb(186, 175, 135) in RGB and hsl(47, 27%, 63%) in HSL. The closest CSS named color is Tan. Black text is most readable on this background.

#BAAF87

HEX#BAAF87

RGBrgb(186, 175, 135)

HSLhsl(47, 27%, 63%)

HSVhsv(47, 27%, 73%)

OKLCHoklch(75.3% 0.056 94.5)

CMYKcmyk(0%, 6%, 27%, 27%)

Text Contrast & Accessibility

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

TextWhite text2.19:1AA normal ✗AA large ✗AAA normal ✗

TextBlack text9.57:1AA normal ✓AA large ✓AAA normal ✓

Color Harmonies

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

Base#BAAF87 Complementary#8792BA Analogous#BA9687 Analogous#ACBA87 Triadic#87BAAF Triadic#AF87BA

Tints & Shades

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

Tints

#C3BA97 #CDC5A8 #D6CFB8 #DFDAC8 #E9E5D8 #F2F0E8

Shades

#AB9E6D #958756 #7B7047 #5E5536 #443E27 #272316

Use #BAAF87 in Our Tools

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