#A74D3C

Color Details

HEX
#A74D3C
RGB
rgb(167, 77, 60)
HSL
hsl(10, 47%, 45%)
CMYK
cmyk(0%, 54%, 64%, 35%)
Best text on this color #FFFFFF (CR 5.57:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a74d3c
Contrast 3.77:1 Fail
White on #a74d3c
Contrast 5.57:1 AA
#a74d3c on Black
Contrast 3.77:1 Fail
#a74d3c on White
Contrast 5.57:1 AA

Tints & Shades

#b97163
#ca948a
#dcb8b1
#863e30
#642e24
#431f18

Complement & Analogous

#3d97a9
#a9853d
#a93d61

Triadic

#3da94f
#4f3da9

Monochrome

#431f18 #642e24 #a74d3c #ca948a #dcb8b1 #eddbd8

Analogous

#a93d61 #c37790 #a74d3c #ba9d64 #a9853d #876a31

Complementary Mix

#642e24 #a74d3c #ca948a #3d97a9 #81bbc7 #28626e

Nearby Colors

#a74d3b
#a74d3d
#a74d2c
#a74d4c

Embed #A74D3C swatch

Embed this swatch

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

Open image

About #A74D3C

#A74D3C converts to RGB(167, 77, 60) and HSL(10, 47%, 45%). 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).

#A74D3C FAQs

What is the RGB value of #A74D3C?
RGB: 167, 77, 60. Copy as CSS: rgb(167, 77, 60)
Is #A74D3C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #A74D3C?
Complement: #3d97a9.
Does #A74D3C have good contrast on white or black?
On white: 5.57:1 (AA (normal text)). On black: 3.77:1 (AA (large text)).