#CCAC00

#CCAC00 is the hex color Goldenrod. Here are its RGB, HSL, HSV, CMYK, and OKLCH values, ready-made shades and palettes, and the text colors that stay readable on it.

This is the nearest named color to #CCAC00; the exact match is none.

Open #CCAC00 in the picker

#CCAC00 color codes

HEX
#CCAC00
HEX8
#CCAC00FF
HEX8 (Android)
#FFCCAC00
RGB
rgb(204, 172, 0)
RGB (%)
80%, 67%, 0%
HSL
hsl(51, 100%, 40%)
HSV / HSB
hsv(51, 100%, 80%)
CMYK
cmyk(0%, 16%, 100%, 20%)
OKLCH
oklch(0.7504 0.1542 95.55)
OKLCH (%)
oklch(75.04% 0.1542 95.55)
Decimal
13413376

What color is #CCAC00?

#CCAC00 sits at 75% lightness and 0.1542 chroma in OKLCH, hue 95.55°. Its nearest named color is Goldenrod.

Shades and tints of #CCAC00

Tints

Shades

Tones

#CCAC00 color harmonies

Complementary

Analogous

Triadic

Split-complementary

Tetradic

Square

Monochromatic

Using #CCAC00 in CSS

.text       { color: #CCAC00; }
.background { background-color: #CCAC00; }
.border     { border: 2px solid #CCAC00; }

/* Modern, perceptually uniform */
.text { color: oklch(0.7504 0.1542 95.55); }

/* #CCAC00 at 50% transparency */
.overlay { background-color: #CCAC0080; }

Is #CCAC00 accessible?

#CCAC00 on white text scores 2.22:1; on black text it scores 9.47:1. Black text passes WCAG AAA on #CCAC00. Recommended text color on a #CCAC00 background: black.

A 9.47:1 vs black
A 2.22:1 vs white
  • AA normal ≥ 4.5 Pass
  • AA large ≥ 3 Pass
  • AAA normal ≥ 7 Pass
  • AAA large ≥ 4.5 Pass

Recommended text color: black

CSS contrast-color() contrast-color(#CCAC00) → black
APCA Lc experimental 60.5 Lc · large / secondary text (black text)

WCAG 2.1 AA/AAA is the compliance floor; APCA is an optional readability metric.

Related colors

See more in the gold family on the colors hub.

Frequently asked questions

What color is #CCAC00?
#CCAC00 is closest to Goldenrod. In RGB it is rgb(204, 172, 0), and in HSL hsl(51, 100%, 40%).
What is #CCAC00 in RGB?
#CCAC00 converts to rgb(204, 172, 0) — red 204, green 172, blue 0.
What text color is readable on #CCAC00?
Black text — it has the higher contrast ratio (9.47:1) against #CCAC00. Black text passes WCAG AAA on #CCAC00.
Open #CCAC00 in the picker