#CCA85C

Color Details

HEX
#CCA85C
RGB
rgb(204, 168, 92)
HSL
hsl(41, 52%, 58%)
CMYK
cmyk(0%, 18%, 55%, 20%)
Best text on this color #000000 (CR 9.32:1) Determined by WCAG contrast ratio

Readability Previews

Black on #cca85c
Contrast 9.32:1 AAA
White on #cca85c
Contrast 2.25:1 Fail
#cca85c on Black
Contrast 9.32:1 AAA
#cca85c on White
Contrast 2.25:1 Fail

Tints & Shades

#d6b97d
#e0cb9d
#ebdcbe
#a3864a
#7a6537
#524325

Complement & Analogous

#5c7fcc
#b7cc5c
#cc715c

Triadic

#5ccca8
#a85ccc

Monochrome

#524325 #7a6537 #cca85c #e0cb9d #ebdcbe #f5eede

Analogous

#cc715c #db9c8d #cca85c #c5d67d #b7cc5c #92a34a

Complementary Mix

#7a6537 #cca85c #e0cb9d #5c7fcc #95acde #3c5385

Nearby Colors

#cca85b
#cca85d
#cca84c
#cca86c

Embed #CCA85C swatch

Embed this swatch

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

Open image

About #CCA85C

#CCA85C converts to RGB(204, 168, 92) and HSL(41, 52%, 58%). 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).

#CCA85C FAQs

What is the RGB value of #CCA85C?
RGB: 204, 168, 92. Copy as CSS: rgb(204, 168, 92)
Is #CCA85C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CCA85C?
Complement: #5c7fcc.
Does #CCA85C have good contrast on white or black?
On white: 2.25:1 (Fails AA). On black: 9.32:1 (AAA (normal text)).