#CCC29E

Color Details

HEX
#CCC29E
RGB
rgb(204, 194, 158)
HSL
hsl(47, 31%, 71%)
CMYK
cmyk(0%, 5%, 23%, 20%)
Best text on this color #000000 (CR 11.78:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ccc29e
Contrast 11.78:1 AAA
White on #ccc29e
Contrast 1.78:1 Fail
#ccc29e on Black
Contrast 11.78:1 AAA
#ccc29e on White
Contrast 1.78:1 Fail

Tints & Shades

#d6ceb1
#e0dac5
#ebe7d8
#a39b7e
#7a745f
#524e3f

Complement & Analogous

#9ea8cc
#bfcc9e
#ccab9e

Triadic

#9eccc2
#c29ecc

Monochrome

#524e3f #7a745f #ccc29e #e0dac5 #ebe7d8 #f5f3ec

Analogous

#ccab9e #dbc4bb #ccc29e #ccd6b1 #bfcc9e #99a37e

Complementary Mix

#7a745f #ccc29e #e0dac5 #9ea8cc #c0c6de #676d85

Nearby Colors

#ccc29d
#ccc29f
#ccc28e
#ccc2ae

Embed #CCC29E swatch

Embed this swatch

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

Open image

About #CCC29E

#CCC29E converts to RGB(204, 194, 158) and HSL(47, 31%, 71%). 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).

#CCC29E FAQs

What is the RGB value of #CCC29E?
RGB: 204, 194, 158. Copy as CSS: rgb(204, 194, 158)
Is #CCC29E a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CCC29E?
Complement: #9ea8cc.
Does #CCC29E have good contrast on white or black?
On white: 1.78:1 (Fails AA). On black: 11.78:1 (AAA (normal text)).