#C5A42A

Color Details

HEX
#C5A42A
RGB
rgb(197, 164, 42)
HSL
hsl(47, 65%, 47%)
CMYK
cmyk(0%, 17%, 79%, 23%)
Best text on this color #000000 (CR 8.72:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c5a42a
Contrast 8.72:1 AAA
White on #c5a42a
Contrast 2.41:1 Fail
#c5a42a on Black
Contrast 8.72:1 AAA
#c5a42a on White
Contrast 2.41:1 Fail

Tints & Shades

#d1b655
#dcc87f
#e8dbaa
#9e8322
#766219
#4f4211

Complement & Analogous

#2a4cc6
#9ac62a
#c6562a

Triadic

#2ac6a4
#a42ac6

Monochrome

#4f4211 #766219 #c5a42a #dcc87f #e8dbaa #f3edd4

Analogous

#c6562a #d7896a #c5a42a #aed155 #9ac62a #7b9e22

Complementary Mix

#766219 #c5a42a #dcc87f #2a4cc6 #758bda #1b3181

Nearby Colors

#c5a429
#c5a42b
#c5a41a
#c5a43a

Embed #C5A42A swatch

Embed this swatch

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

Open image

About #C5A42A

#C5A42A converts to RGB(197, 164, 42) and HSL(47, 65%, 47%). 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).

#C5A42A FAQs

What is the RGB value of #C5A42A?
RGB: 197, 164, 42. Copy as CSS: rgb(197, 164, 42)
Is #C5A42A a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #C5A42A?
Complement: #2a4cc6.
Does #C5A42A have good contrast on white or black?
On white: 2.41:1 (Fails AA). On black: 8.72:1 (AAA (normal text)).