#A74C1C

Color Details

HEX
#A74C1C
RGB
rgb(167, 76, 28)
HSL
hsl(21, 71%, 38%)
CMYK
cmyk(0%, 54%, 83%, 35%)
Best text on this color #FFFFFF (CR 5.69:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a74c1c
Contrast 3.69:1 Fail
White on #a74c1c
Contrast 5.69:1 AA
#a74c1c on Black
Contrast 3.69:1 Fail
#a74c1c on White
Contrast 5.69:1 AA

Tints & Shades

#b97049
#ca9477
#dcb7a4
#863d16
#642e11
#431e0b

Complement & Analogous

#1c76a6
#a6911c
#a61c31

Triadic

#1ca64c
#4c1ca6

Monochrome

#431e0b #642e11 #a74c1c #ca9477 #dcb7a4 #eddbd2

Analogous

#a61c31 #c1606f #a74c1c #b8a749 #a6911c #857416

Complementary Mix

#642e11 #a74c1c #ca9477 #1c76a6 #6ba6c5 #124d6c

Nearby Colors

#a74c1b
#a74c1d
#a74c0c
#a74c2c

Embed #A74C1C swatch

Embed this swatch

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

Open image

About #A74C1C

#A74C1C converts to RGB(167, 76, 28) and HSL(21, 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).

#A74C1C FAQs

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