#A5742F

Color Details

HEX
#A5742F
RGB
rgb(165, 116, 47)
HSL
hsl(35, 56%, 42%)
CMYK
cmyk(0%, 30%, 72%, 35%)
Best text on this color #000000 (CR 5.14:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a5742f
Contrast 5.14:1 AA
White on #a5742f
Contrast 4.09:1 Fail
#a5742f on Black
Contrast 5.14:1 AA
#a5742f on White
Contrast 4.09:1 Fail

Tints & Shades

#b79059
#c9ac82
#dbc7ac
#845d26
#63461c
#422e13

Complement & Analogous

#2f61a7
#9da72f
#a7392f

Triadic

#2fa775
#752fa7

Monochrome

#422e13 #63461c #a5742f #c9ac82 #dbc7ac #ede3d5

Analogous

#a7392f #c1746d #a5742f #b1b959 #9da72f #7e8626

Complementary Mix

#63461c #a5742f #c9ac82 #2f61a7 #7898c6 #1f3f6d

Nearby Colors

#a5742e
#a57430
#a5741f
#a5743f

Embed #A5742F swatch

Embed this swatch

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

Open image

About #A5742F

#A5742F converts to RGB(165, 116, 47) and HSL(35, 56%, 42%). 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).

#A5742F FAQs

What is the RGB value of #A5742F?
RGB: 165, 116, 47. Copy as CSS: rgb(165, 116, 47)
Is #A5742F a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #A5742F?
Complement: #2f61a7.
Does #A5742F have good contrast on white or black?
On white: 4.09:1 (AA (large text)). On black: 5.14:1 (AA (normal text)).