#B58A6F

Color Details

HEX
#B58A6F
RGB
rgb(181, 138, 111)
HSL
hsl(23, 32%, 57%)
CMYK
cmyk(0%, 24%, 39%, 29%)
Best text on this color #000000 (CR 6.83:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b58a6f
Contrast 6.83:1 AA
White on #b58a6f
Contrast 3.07:1 Fail
#b58a6f on Black
Contrast 6.83:1 AA
#b58a6f on White
Contrast 3.07:1 Fail

Tints & Shades

#c4a18c
#d3b9a9
#e1d0c5
#916e59
#6d5343
#48372c

Complement & Analogous

#6e9ab4
#b4ac6e
#b46e76

Triadic

#6eb489
#896eb4

Monochrome

#48372c #6d5343 #b58a6f #d3b9a9 #e1d0c5 #f0e8e2

Analogous

#b46e76 #cb9a9f #b58a6f #c3bd8b #b4ac6e #908a58

Complementary Mix

#6d5343 #b58a6f #d3b9a9 #6e9ab4 #a1bdce #486475

Nearby Colors

#b58a6e
#b58a70
#b58a5f
#b58a7f

Embed #B58A6F swatch

Embed this swatch

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

Open image

About #B58A6F

#B58A6F converts to RGB(181, 138, 111) and HSL(23, 32%, 57%). 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).

#B58A6F FAQs

What is the RGB value of #B58A6F?
RGB: 181, 138, 111. Copy as CSS: rgb(181, 138, 111)
Is #B58A6F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B58A6F?
Complement: #6e9ab4.
Does #B58A6F have good contrast on white or black?
On white: 3.07:1 (AA (large text)). On black: 6.83:1 (AA (normal text)).