#B47C5F

Color Details

HEX
#B47C5F
RGB
rgb(180, 124, 95)
HSL
hsl(20, 36%, 54%)
CMYK
cmyk(0%, 31%, 47%, 29%)
Best text on this color #000000 (CR 5.99:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b47c5f
Contrast 5.99:1 AA
White on #b47c5f
Contrast 3.51:1 Fail
#b47c5f on Black
Contrast 5.99:1 AA
#b47c5f on White
Contrast 3.51:1 Fail

Tints & Shades

#c3967f
#d2b09f
#e1cbbf
#90634c
#6c4a39
#483226

Complement & Analogous

#5f98b4
#b4a65f
#b45f6e

Triadic

#5fb47c
#7c5fb4

Monochrome

#483226 #6c4a39 #b47c5f #d2b09f #e1cbbf #f0e5df

Analogous

#b45f6e #cb8f9a #b47c5f #c3b87f #b4a65f #90854c

Complementary Mix

#6c4a39 #b47c5f #d2b09f #5f98b4 #97bcce #3e6375

Nearby Colors

#b47c5e
#b47c60
#b47c4f
#b47c6f

Embed #B47C5F swatch

Embed this swatch

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

Open image

About #B47C5F

#B47C5F converts to RGB(180, 124, 95) and HSL(20, 36%, 54%). 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).

#B47C5F FAQs

What is the RGB value of #B47C5F?
RGB: 180, 124, 95. Copy as CSS: rgb(180, 124, 95)
Is #B47C5F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B47C5F?
Complement: #5f98b4.
Does #B47C5F have good contrast on white or black?
On white: 3.51:1 (AA (large text)). On black: 5.99:1 (AA (normal text)).