Preview
#cccaa8
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.67:1 · vs black: 12.58:1
HEX
#cccaa8
RGB
rgb(204, 202, 168)
RGBA
rgba(204, 202, 168, 1)
HSL
hsl(57, 26%, 73%)
HSV
hsv(57, 18%, 80%)
LAB
lab(80.69% -4.98 17.27)
LCH
lch(80.69% 17.97 106.09)
OKLAB
oklab(0.8317 -0.0115 0.0443)
OKLCH
oklch(0.8317 0.0458 104.55)
XYZ
xyz(53.09, 57.91, 45.42)
CMYK
cmyk(0%, 1%, 18%, 20%)
CSS
color: #cccaa8;
CSS variable
--color-cccaa8: #cccaa8;
SCSS
$color-cccaa8: #cccaa8;
Tailwind
orange-200
Export
:root {
--#cccaa8-1: #cccaa8;
}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.