#BD974C

Color Details

HEX
#BD974C
RGB
rgb(189, 151, 76)
HSL
hsl(40, 46%, 52%)
CMYK
cmyk(0%, 20%, 60%, 26%)
Best text on this color #000000 (CR 7.69:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bd974c
Contrast 7.69:1 AAA
White on #bd974c
Contrast 2.73:1 Fail
#bd974c on Black
Contrast 7.69:1 AAA
#bd974c on White
Contrast 2.73:1 Fail

Tints & Shades

#caac70
#d7c194
#e5d5b7
#97793d
#715b2e
#4c3c1e

Complement & Analogous

#4c72bd
#aabd4c
#bd5f4c

Triadic

#4cbd97
#974cbd

Monochrome

#4c3c1e #715b2e #bd974c #d7c194 #e5d5b7 #f2eadb

Analogous

#bd5f4c #d18f82 #bd974c #bbca70 #aabd4c #88973d

Complementary Mix

#715b2e #bd974c #d7c194 #4c72bd #8ba3d4 #314a7b

Nearby Colors

#bd974b
#bd974d
#bd973c
#bd975c

Embed #BD974C swatch

Embed this swatch

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

Open image

About #BD974C

#BD974C converts to RGB(189, 151, 76) and HSL(40, 46%, 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).

#BD974C FAQs

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