#A5871C

Color Details

HEX
#A5871C
RGB
rgb(165, 135, 28)
HSL
hsl(47, 71%, 38%)
CMYK
cmyk(0%, 18%, 83%, 35%)
Best text on this color #000000 (CR 6.08:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a5871c
Contrast 6.08:1 AA
White on #a5871c
Contrast 3.45:1 Fail
#a5871c on Black
Contrast 6.08:1 AA
#a5871c on White
Contrast 3.45:1 Fail

Tints & Shades

#b79f49
#c9b777
#dbcfa4
#846c16
#635111
#42360b

Complement & Analogous

#1c3aa6
#7fa61c
#a6431c

Triadic

#1ca688
#881ca6

Monochrome

#42360b #635111 #a5871c #c9b777 #dbcfa4 #ede7d2

Analogous

#a6431c #c17b60 #a5871c #99b849 #7fa61c #668516

Complementary Mix

#635111 #a5871c #c9b777 #1c3aa6 #6b7fc5 #12266c

Nearby Colors

#a5871b
#a5871d
#a5870c
#a5872c

Embed #A5871C swatch

Embed this swatch

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

Open image

About #A5871C

#A5871C converts to RGB(165, 135, 28) and HSL(47, 71%, 38%). 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).

#A5871C FAQs

What is the RGB value of #A5871C?
RGB: 165, 135, 28. Copy as CSS: rgb(165, 135, 28)
Is #A5871C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #A5871C?
Complement: #1c3aa6.
Does #A5871C have good contrast on white or black?
On white: 3.45:1 (AA (large text)). On black: 6.08:1 (AA (normal text)).