#BBA396 Hex Color

Online color picker to view shades, tints, color codes, and complementary colors

Hex color #bba396 graphic
Somewhere between terracotta and taupe, #bba396 is orange with the volume turned down, left dusty and almost grey. That low saturation makes it a supporting tone rather than a hero, and it reads warmer against deep teal than against plain white. Use the hex code #bba396 in autumn palettes, food branding, or muted packaging. Black text on it reaches 8.8:1 contrast, past WCAG AA.

Questions about #bba396

What is #bba396 in RGB, HSL and CMYK?
In RGB, #bba396 is rgb(187, 163, 150), in HSL hsl(21, 21%, 66%) and in CMYK 0%, 13%, 20%, 27%. Browse more shades of gray with names and hex codes.
What colors pair well with #bba396?
Deep teal and dark navy bring out the hidden orange in #bba396, while charcoal keeps the pairing calm. Skip pure white backgrounds, since the shade loses its warmth next to them. charcoal is the safest neutral partner.
Is #bba396 warm or cool?
It reads warm. The hue sits in orange territory, but heavy greying pulls it toward taupe, so the warmth feels dry and dusty rather than bright or energetic.
Is #bba396 readable on white or black?
#bba396 has a 2.38:1 contrast ratio on white and 8.79:1 on black. WCAG asks for 4.5:1 for body text and 3:1 for large text, so on white it is too faint for text and on black it works for body text. Try other pairs in the contrast checker.