#BBA74C

Color Details

HEX
#BBA74C
RGB
rgb(187, 167, 76)
HSL
hsl(49, 45%, 52%)
CMYK
cmyk(0%, 11%, 59%, 27%)
Best text on this color #000000 (CR 8.74:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bba74c
Contrast 8.74:1 AAA
White on #bba74c
Contrast 2.40:1 Fail
#bba74c on Black
Contrast 8.74:1 AAA
#bba74c on White
Contrast 2.40:1 Fail

Tints & Shades

#c9b970
#d6ca94
#e4dcb7
#96863d
#70642e
#4b431e

Complement & Analogous

#4e62bc
#99bc4e
#bc704e

Triadic

#4ebca7
#a74ebc

Monochrome

#4b431e #70642e #bba74c #d6ca94 #e4dcb7 #f1eddb

Analogous

#bc704e #d09b83 #bba74c #adc971 #99bc4e #7a963e

Complementary Mix

#70642e #bba74c #d6ca94 #4e62bc #8c99d3 #33407a

Nearby Colors

#bba74b
#bba74d
#bba73c
#bba75c

Embed #BBA74C swatch

Embed this swatch

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

Open image

About #BBA74C

#BBA74C converts to RGB(187, 167, 76) and HSL(49, 45%, 52%). 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).

#BBA74C FAQs

What is the RGB value of #BBA74C?
RGB: 187, 167, 76. Copy as CSS: rgb(187, 167, 76)
Is #BBA74C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #BBA74C?
Complement: #4e62bc.
Does #BBA74C have good contrast on white or black?
On white: 2.40:1 (Fails AA). On black: 8.74:1 (AAA (normal text)).