Preview
#cccc00
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.72:1 · vs black: 12.2:1
HEX
#cccc00
RGB
rgb(204, 204, 0)
RGBA
rgba(204, 204, 0, 1)
HSL
hsl(60, 100%, 40%)
HSV
hsv(60, 100%, 80%)
LAB
lab(79.63% -18.22 79.85)
LCH
lch(79.63% 81.9 102.85)
OKLAB
oklab(0.8182 -0.0603 0.1678)
OKLCH
oklch(0.8182 0.1783 109.77)
XYZ
xyz(46.50, 56.02, 8.36)
CMYK
cmyk(0%, 0%, 100%, 20%)
CSS
color: #cccc00;
CSS variable
--color-cccc00: #cccc00;
SCSS
$color-cccc00: #cccc00;
Tailwind
amber-600
Export
:root {
--web-safe-#cccc00-1: #cccc00;
}Optimism, attention, and warmth. Ideal for highlights, warnings, and cheerful brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Yellow family.