#B58E3E

Color Details

HEX
#B58E3E
RGB
rgb(181, 142, 62)
HSL
hsl(40, 49%, 48%)
CMYK
cmyk(0%, 22%, 66%, 29%)
Best text on this color #000000 (CR 6.90:1) Determined by WCAG contrast ratio

Readability Previews

Black on #b58e3e
Contrast 6.90:1 AA
White on #b58e3e
Contrast 3.04:1 Fail
#b58e3e on Black
Contrast 6.90:1 AA
#b58e3e on White
Contrast 3.04:1 Fail

Tints & Shades

#c4a565
#d3bb8b
#e1d2b2
#917232
#6d5525
#483919

Complement & Analogous

#3e66b6
#a2b63e
#b6523e

Triadic

#3eb68e
#8e3eb6

Monochrome

#483919 #6d5525 #b58e3e #d3bb8b #e1d2b2 #f0e8d8

Analogous

#b6523e #cc8678 #b58e3e #b5c565 #a2b63e #829232

Complementary Mix

#6d5525 #b58e3e #d3bb8b #3e66b6 #829cd0 #284276

Nearby Colors

#b58e3d
#b58e3f
#b58e2e
#b58e4e

Embed #B58E3E swatch

Embed this swatch

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

Open image

About #B58E3E

#B58E3E converts to RGB(181, 142, 62) and HSL(40, 49%, 48%). 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).

#B58E3E FAQs

What is the RGB value of #B58E3E?
RGB: 181, 142, 62. Copy as CSS: rgb(181, 142, 62)
Is #B58E3E a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #B58E3E?
Complement: #3e66b6.
Does #B58E3E have good contrast on white or black?
On white: 3.04:1 (AA (large text)). On black: 6.90:1 (AA (normal text)).