#B16B5F

Color Details

HEX
#B16B5F
RGB
rgb(177, 107, 95)
HSL
hsl(9, 34%, 53%)
CMYK
cmyk(0%, 40%, 46%, 31%)
Best text on this color #000000 (CR 5.14:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b16b5f
Contrast 5.14:1 AA
White on #b16b5f
Contrast 4.09:1 Fail
#b16b5f on Black
Contrast 5.14:1 AA
#b16b5f on White
Contrast 4.09:1 Fail

Tints & Shades

#c1897f
#d0a69f
#e0c4bf
#8e564c
#6a4039
#472b26

Complement & Analogous

#5ea4b0
#b0935e
#b05e7b

Triadic

#5eb06b
#6b5eb0

Monochrome

#472b26 #6a4039 #b16b5f #d0a69f #e0c4bf #efe1df

Analogous

#b05e7b #c88ea3 #b16b5f #c0a97e #b0935e #8d764b

Complementary Mix

#6a4039 #b16b5f #d0a69f #5ea4b0 #96c4cc #3d6b72

Nearby Colors

#b16b5e
#b16b60
#b16b4f
#b16b6f

Embed #B16B5F swatch

Embed this swatch

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

Open image

About #B16B5F

#B16B5F converts to RGB(177, 107, 95) and HSL(9, 34%, 53%). 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).

#B16B5F FAQs

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