#835D2C

Color Details

HEX
#835D2C
RGB
rgb(131, 93, 44)
HSL
hsl(34, 50%, 34%)
CMYK
cmyk(0%, 29%, 66%, 49%)
Best text on this color #FFFFFF (CR 5.89:1) Determined by WCAG contrast ratio

Readability Previews

Black on #835d2c
Contrast 3.57:1 Fail
White on #835d2c
Contrast 5.89:1 AA
#835d2c on Black
Contrast 3.57:1 Fail
#835d2c on White
Contrast 5.89:1 AA

Tints & Shades

#9c7d56
#b59e80
#cdbeab
#694a23
#4f381a
#342512

Complement & Analogous

#2b5182
#7c822b
#82312b

Triadic

#2b825c
#5c2b82

Monochrome

#342512 #4f381a #835d2c #b59e80 #cdbeab #e6dfd5

Analogous

#82312b #a86f6b #835d2c #969b55 #7c822b #636822

Complementary Mix

#4f381a #835d2c #b59e80 #2b5182 #758eae #1c3555

Nearby Colors

#835d2b
#835d2d
#835d1c
#835d3c

Embed #835D2C swatch

Embed this swatch

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

Open image

About #835D2C

#835D2C converts to RGB(131, 93, 44) and HSL(34, 50%, 34%). 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).

#835D2C FAQs

What is the RGB value of #835D2C?
RGB: 131, 93, 44. Copy as CSS: rgb(131, 93, 44)
Is #835D2C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #835D2C?
Complement: #2b5182.
Does #835D2C have good contrast on white or black?
On white: 5.89:1 (AA (normal text)). On black: 3.57:1 (AA (large text)).