#C5A24D

Color Details

HEX
#C5A24D
RGB
rgb(197, 162, 77)
HSL
hsl(43, 51%, 54%)
CMYK
cmyk(0%, 18%, 61%, 23%)
Best text on this color #000000 (CR 8.65:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c5a24d
Contrast 8.65:1 AAA
White on #c5a24d
Contrast 2.43:1 Fail
#c5a24d on Black
Contrast 8.65:1 AAA
#c5a24d on White
Contrast 2.43:1 Fail

Tints & Shades

#d1b571
#dcc794
#e8dab8
#9e823e
#76612e
#4f411f

Complement & Analogous

#4e70c6
#acc64e
#c6684e

Triadic

#4ec6a4
#a44ec6

Monochrome

#4f411f #76612e #c5a24d #dcc794 #e8dab8 #f3ecdb

Analogous

#c6684e #d79583 #c5a24d #bdd171 #acc64e #8a9e3e

Complementary Mix

#76612e #c5a24d #dcc794 #4e70c6 #8ca2da #334981

Nearby Colors

#c5a24c
#c5a24e
#c5a23d
#c5a25d

Embed #C5A24D swatch

Embed this swatch

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

Open image

About #C5A24D

#C5A24D converts to RGB(197, 162, 77) and HSL(43, 51%, 54%). 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).

#C5A24D FAQs

What is the RGB value of #C5A24D?
RGB: 197, 162, 77. Copy as CSS: rgb(197, 162, 77)
Is #C5A24D a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #C5A24D?
Complement: #4e70c6.
Does #C5A24D have good contrast on white or black?
On white: 2.43:1 (Fails AA). On black: 8.65:1 (AAA (normal text)).