#BBAB90 Color

#BBAB90 is rgb(187, 171, 144) in RGB and hsl(38, 24%, 65%) in HSL. The closest CSS named color is Tan. Black text is most readable on this background.

#BBAB90

HEX#BBAB90

RGBrgb(187, 171, 144)

HSLhsl(38, 24%, 65%)

HSVhsv(38, 23%, 73%)

OKLCHoklch(74.8% 0.042 80.8)

CMYKcmyk(0%, 9%, 23%, 27%)

Text Contrast & Accessibility

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

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

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

Color Harmonies

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

Base#BBAB90 Complementary#90A0BB Analogous#BB9690 Analogous#B5BB90 Triadic#90BBAB Triadic#AB90BB

Tints & Shades

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

Tints

#C5B7A0 #CDC1AD #D6CDBD #E0D9CC #EAE5DC #F1EEE9

Shades

#AA9674 #98825D #7B6A4C #5F513A #423929 #292319

Use #BBAB90 in Our Tools

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