#A74C0C

Color Details

HEX
#A74C0C
RGB
rgb(167, 76, 12)
HSL
hsl(25, 87%, 35%)
CMYK
cmyk(0%, 54%, 93%, 35%)
Best text on this color #FFFFFF (CR 5.70:1) Determined by WCAG contrast ratio

Readability Previews

Black on #a74c0c
Contrast 3.68:1 Fail
White on #a74c0c
Contrast 5.70:1 AA
#a74c0c on Black
Contrast 3.68:1 Fail
#a74c0c on White
Contrast 5.70:1 AA

Tints & Shades

#b9703d
#ca946d
#dcb79e
#863d0a
#642e07
#431e05

Complement & Analogous

#0c66a7
#a79a0c
#a70c19

Triadic

#0ca74c
#4c0ca7

Monochrome

#431e05 #642e07 #a74c0c #ca946d #dcb79e #eddbce

Analogous

#a70c19 #c1555e #a74c0c #b9ae3d #a79a0c #867b0a

Complementary Mix

#642e07 #a74c0c #ca946d #0c66a7 #619cc6 #08426d

Nearby Colors

#a74c0b
#a74c0d
#a74bfc
#a74c1c

Embed #A74C0C swatch

Embed this swatch

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

Open image

About #A74C0C

#A74C0C converts to RGB(167, 76, 12) and HSL(25, 87%, 35%). 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).

#A74C0C FAQs

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