#AD5F2E

Color Details

HEX
#AD5F2E
RGB
rgb(173, 95, 46)
HSL
hsl(23, 58%, 43%)
CMYK
cmyk(0%, 45%, 73%, 32%)
Best text on this color #FFFFFF (CR 4.72:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ad5f2e
Contrast 4.45:1 Fail
White on #ad5f2e
Contrast 4.72:1 AA
#ad5f2e on Black
Contrast 4.45:1 Fail
#ad5f2e on White
Contrast 4.72:1 AA

Tints & Shades

#bd7f58
#ce9f82
#debfab
#8a4c25
#68391c
#452612

Complement & Analogous

#2e7cad
#ad9e2e
#ad2e3d

Triadic

#2ead5f
#5f2ead

Monochrome

#452612 #68391c #ad5f2e #ce9f82 #debfab #efdfd5

Analogous

#ad2e3d #c66d77 #ad5f2e #bdb158 #ad9e2e #8a7e25

Complementary Mix

#68391c #ad5f2e #ce9f82 #2e7cad #77aaca #1e5170

Nearby Colors

#ad5f2d
#ad5f2f
#ad5f1e
#ad5f3e

Embed #AD5F2E swatch

Embed this swatch

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

Open image

About #AD5F2E

#AD5F2E converts to RGB(173, 95, 46) and HSL(23, 58%, 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).

#AD5F2E FAQs

What is the RGB value of #AD5F2E?
RGB: 173, 95, 46. Copy as CSS: rgb(173, 95, 46)
Is #AD5F2E a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #AD5F2E?
Complement: #2e7cad.
Does #AD5F2E have good contrast on white or black?
On white: 4.72:1 (AA (normal text)). On black: 4.45:1 (AA (large text)).