#B46F5F

Color Details

HEX
#B46F5F
RGB
rgb(180, 111, 95)
HSL
hsl(11, 36%, 54%)
CMYK
cmyk(0%, 38%, 47%, 29%)
Best text on this color #000000 (CR 5.38:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b46f5f
Contrast 5.38:1 AA
White on #b46f5f
Contrast 3.90:1 Fail
#b46f5f on Black
Contrast 5.38:1 AA
#b46f5f on White
Contrast 3.90:1 Fail

Tints & Shades

#c38c7f
#d2a99f
#e1c5bf
#90594c
#6c4339
#482c26

Complement & Analogous

#5fa4b4
#b4995f
#b45f7a

Triadic

#5fb46f
#6f5fb4

Monochrome

#482c26 #6c4339 #b46f5f #d2a99f #e1c5bf #f0e2df

Analogous

#b45f7a #cb8fa2 #b46f5f #c3ad7f #b4995f #907a4c

Complementary Mix

#6c4339 #b46f5f #d2a99f #5fa4b4 #97c4ce #3e6b75

Nearby Colors

#b46f5e
#b46f60
#b46f4f
#b46f6f

Embed #B46F5F swatch

Embed this swatch

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

Open image

About #B46F5F

#B46F5F converts to RGB(180, 111, 95) and HSL(11, 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).

#B46F5F FAQs

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