#CCC94C

Color Details

HEX
#CCC94C
RGB
rgb(204, 201, 76)
HSL
hsl(59, 56%, 55%)
CMYK
cmyk(0%, 1%, 63%, 20%)
Best text on this color #000000 (CR 12.03:1) Determined by WCAG contrast ratio

Readability Previews

Black on #ccc94c
Contrast 12.03:1 AAA
White on #ccc94c
Contrast 1.75:1 Fail
#ccc94c on Black
Contrast 12.03:1 AAA
#ccc94c on White
Contrast 1.75:1 Fail

Tints & Shades

#d6d470
#e0df94
#ebe9b7
#a3a13d
#7a792e
#52501e

Complement & Analogous

#4c4ecd
#8ecd4c
#cd8a4c

Triadic

#4ccdca
#ca4ccd

Monochrome

#52501e #7a792e #ccc94c #e0df94 #ebe9b7 #f5f4db

Analogous

#cd8a4c #dcad82 #ccc94c #a5d770 #8ecd4c #72a43d

Complementary Mix

#7a792e #ccc94c #e0df94 #4c4ecd #8b8cdf #313385

Nearby Colors

#ccc94b
#ccc94d
#ccc93c
#ccc95c

Embed #CCC94C swatch

Embed this swatch

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

Open image

About #CCC94C

#CCC94C converts to RGB(204, 201, 76) and HSL(59, 56%, 55%). 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).

#CCC94C FAQs

What is the RGB value of #CCC94C?
RGB: 204, 201, 76. Copy as CSS: rgb(204, 201, 76)
Is #CCC94C a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #CCC94C?
Complement: #4c4ecd.
Does #CCC94C have good contrast on white or black?
On white: 1.75:1 (Fails AA). On black: 12.03:1 (AAA (normal text)).