#804531

Color Details

HEX
#804531
RGB
rgb(128, 69, 49)
HSL
hsl(15, 45%, 35%)
CMYK
cmyk(0%, 46%, 62%, 50%)
Best text on this color #FFFFFF (CR 7.46:1) Determined by WCAG contrast ratio

Readability Previews

Black on #804531
Contrast 2.81:1 Fail
White on #804531
Contrast 7.46:1 AAA
#804531 on Black
Contrast 2.81:1 Fail
#804531 on White
Contrast 7.46:1 AAA

Tints & Shades

#996a5a
#b38f83
#ccb5ad
#663727
#4d291d
#331c14

Complement & Analogous

#316d81
#816d31
#813145

Triadic

#318145
#453181

Monochrome

#331c14 #4d291d #804531 #b38f83 #ccb5ad #e6dad6

Analogous

#813145 #a76f7d #804531 #9a8a5a #816d31 #675727

Complementary Mix

#4d291d #804531 #b38f83 #316d81 #79a0ad #204754

Nearby Colors

#804530
#804532
#804521
#804541

Embed #804531 swatch

Embed this swatch

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

Open image

About #804531

#804531 converts to RGB(128, 69, 49) and HSL(15, 45%, 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).

#804531 FAQs

What is the RGB value of #804531?
RGB: 128, 69, 49. Copy as CSS: rgb(128, 69, 49)
Is #804531 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #804531?
Complement: #316d81.
Does #804531 have good contrast on white or black?
On white: 7.46:1 (AAA (normal text)). On black: 2.81:1 (Fails AA).