#857A2C

Color Details

HEX
#857A2C
RGB
rgb(133, 122, 44)
HSL
hsl(53, 50%, 35%)
CMYK
cmyk(0%, 8%, 67%, 48%)
Best text on this color #000000 (CR 4.82:1) Determined by WCAG contrast ratio

Readability Previews

Black on #857a2c
Contrast 4.82:1 AA
White on #857a2c
Contrast 4.36:1 Fail
#857a2c on Black
Contrast 4.82:1 AA
#857a2c on White
Contrast 4.36:1 Fail

Tints & Shades

#9d9556
#b6af80
#cecaab
#6a6223
#50491a
#353112

Complement & Analogous

#2d3786
#64862d
#864f2d

Triadic

#2d867b
#7b2d86

Monochrome

#353112 #50491a #857a2c #b6af80 #cecaab #e7e4d5

Analogous

#864f2d #aa846c #857a2c #839e57 #64862d #506b24

Complementary Mix

#50491a #857a2c #b6af80 #2d3786 #777db0 #1d2457

Nearby Colors

#857a2b
#857a2d
#857a1c
#857a3c

Embed #857A2C swatch

Embed this swatch

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

Open image

About #857A2C

#857A2C converts to RGB(133, 122, 44) and HSL(53, 50%, 35%). 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).

#857A2C FAQs

What is the RGB value of #857A2C?
RGB: 133, 122, 44. Copy as CSS: rgb(133, 122, 44)
Is #857A2C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #857A2C?
Complement: #2d3786.
Does #857A2C have good contrast on white or black?
On white: 4.36:1 (AA (large text)). On black: 4.82:1 (AA (normal text)).