#9D533C

Color Details

HEX
#9D533C
RGB
rgb(157, 83, 60)
HSL
hsl(14, 45%, 43%)
CMYK
cmyk(0%, 47%, 62%, 38%)
Best text on this color #FFFFFF (CR 5.62:1) Determined by WCAG contrast ratio

Readability Previews

Black on #9d533c
Contrast 3.74:1 Fail
White on #9d533c
Contrast 5.62:1 AA
#9d533c on Black
Contrast 3.74:1 Fail
#9d533c on White
Contrast 5.62:1 AA

Tints & Shades

#b17563
#c4988a
#d8bab1
#7e4230
#5e3224
#3f2118

Complement & Analogous

#3c889f
#9f853c
#9f3c57

Triadic

#3c9f53
#533c9f

Monochrome

#3f2118 #5e3224 #9d533c #c4988a #d8bab1 #ebddd8

Analogous

#9f3c57 #bc7789 #9d533c #b29d63 #9f853c #7f6a30

Complementary Mix

#5e3224 #9d533c #c4988a #3c889f #80b2c1 #275867

Nearby Colors

#9d533b
#9d533d
#9d532c
#9d534c

Embed #9D533C swatch

Embed this swatch

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

Open image

About #9D533C

#9D533C converts to RGB(157, 83, 60) and HSL(14, 45%, 43%). 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).

#9D533C FAQs

What is the RGB value of #9D533C?
RGB: 157, 83, 60. Copy as CSS: rgb(157, 83, 60)
Is #9D533C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #9D533C?
Complement: #3c889f.
Does #9D533C have good contrast on white or black?
On white: 5.62:1 (AA (normal text)). On black: 3.74:1 (AA (large text)).