#C5A56A

Color Details

HEX
#C5A56A
RGB
rgb(197, 165, 106)
HSL
hsl(39, 44%, 59%)
CMYK
cmyk(0%, 16%, 46%, 23%)
Best text on this color #000000 (CR 8.96:1) Determined by WCAG contrast ratio

Readability Previews

Black on #c5a56a
Contrast 8.96:1 AAA
White on #c5a56a
Contrast 2.34:1 Fail
#c5a56a on Black
Contrast 8.96:1 AAA
#c5a56a on White
Contrast 2.34:1 Fail

Tints & Shades

#d1b788
#dcc9a6
#e8dbc3
#9e8455
#766340
#4f422a

Complement & Analogous

#6889c4
#b7c468
#c47668

Triadic

#68c4a4
#a468c4

Monochrome

#4f422a #766340 #c5a56a #dcc9a6 #e8dbc3 #f3ede1

Analogous

#c47668 #d69f95 #c5a56a #c5d086 #b7c468 #929d53

Complementary Mix

#766340 #c5a56a #dcc9a6 #6889c4 #9db2d9 #44597f

Nearby Colors

#c5a569
#c5a56b
#c5a55a
#c5a57a

Embed #C5A56A swatch

Embed this swatch

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

Open image

About #C5A56A

#C5A56A converts to RGB(197, 165, 106) and HSL(39, 44%, 59%). 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).

#C5A56A FAQs

What is the RGB value of #C5A56A?
RGB: 197, 165, 106. Copy as CSS: rgb(197, 165, 106)
Is #C5A56A a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #C5A56A?
Complement: #6889c4.
Does #C5A56A have good contrast on white or black?
On white: 2.34:1 (Fails AA). On black: 8.96:1 (AAA (normal text)).