#BD7E1C

Color Details

HEX
#BD7E1C
RGB
rgb(189, 126, 28)
HSL
hsl(37, 74%, 43%)
CMYK
cmyk(0%, 33%, 85%, 26%)
Best text on this color #000000 (CR 6.16:1) Determined by WCAG contrast ratio

Readability Previews

Black on #bd7e1c
Contrast 6.16:1 AA
White on #bd7e1c
Contrast 3.41:1 Fail
#bd7e1c on Black
Contrast 6.16:1 AA
#bd7e1c on White
Contrast 3.41:1 Fail

Tints & Shades

#ca9849
#d7b277
#e5cba4
#976516
#714c11
#4c320b

Complement & Analogous

#1d5bbf
#acbf1d
#bf2f1d

Triadic

#1dbf81
#811dbf

Monochrome

#4c320b #714c11 #bd7e1c #d7b277 #e5cba4 #f2e5d2

Analogous

#bf2f1d #d26d61 #bd7e1c #bdcc4a #acbf1d #8a9917

Complementary Mix

#714c11 #bd7e1c #d7b277 #1d5bbf #6c94d5 #133b7c

Nearby Colors

#bd7e1b
#bd7e1d
#bd7e0c
#bd7e2c

Embed #BD7E1C swatch

Embed this swatch

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

Open image

About #BD7E1C

#BD7E1C converts to RGB(189, 126, 28) and HSL(37, 74%, 43%). 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).

#BD7E1C FAQs

What is the RGB value of #BD7E1C?
RGB: 189, 126, 28. Copy as CSS: rgb(189, 126, 28)
Is #BD7E1C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #BD7E1C?
Complement: #1d5bbf.
Does #BD7E1C have good contrast on white or black?
On white: 3.41:1 (AA (large text)). On black: 6.16:1 (AA (normal text)).