#BBA96C

Color Details

HEX
#BBA96C
RGB
rgb(187, 169, 108)
HSL
hsl(46, 37%, 58%)
CMYK
cmyk(0%, 10%, 42%, 27%)
Best text on this color #000000 (CR 9.00:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bba96c
Contrast 9.00:1 AAA
White on #bba96c
Contrast 2.33:1 Fail
#bba96c on Black
Contrast 9.00:1 AAA
#bba96c on White
Contrast 2.33:1 Fail

Tints & Shades

#c9ba89
#d6cba7
#e4ddc4
#968756
#706541
#4b442b

Complement & Analogous

#6c7fbc
#a6bc6c
#bc816c

Triadic

#6cbca9
#a96cbc

Monochrome

#4b442b #706541 #bba96c #d6cba7 #e4ddc4 #f1eee2

Analogous

#bc816c #d0a798 #bba96c #b8c989 #a6bc6c #859656

Complementary Mix

#706541 #bba96c #d6cba7 #6c7fbc #9facd3 #46537a

Nearby Colors

#bba96b
#bba96d
#bba95c
#bba97c

Embed #BBA96C swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #BBA96C

#BBA96C converts to RGB(187, 169, 108) and HSL(46, 37%, 58%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#BBA96C FAQs

What is the RGB value of #BBA96C?
RGB: 187, 169, 108. Copy as CSS: rgb(187, 169, 108)
Is #BBA96C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #BBA96C?
Complement: #6c7fbc.
Does #BBA96C have good contrast on white or black?
On white: 2.33:1 (Fails AA). On black: 9.00:1 (AAA (normal text)).