Preview
#ccd788
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.54:1 · vs black: 13.64:1
HEX
#ccd788
RGB
rgb(204, 215, 136)
RGBA
rgba(204, 215, 136, 1)
HSL
hsl(68, 50%, 69%)
HSV
hsv(68, 37%, 84%)
LAB
lab(83.56% -15.91 37.76)
LCH
lch(83.56% 40.97 112.85)
OKLAB
oklab(0.8526 -0.0434 0.0928)
OKLCH
oklch(0.8526 0.1024 115.06)
XYZ
xyz(53.65, 63.22, 32.66)
CMYK
cmyk(5%, 0%, 37%, 16%)
CSS
color: #ccd788;
CSS variable
--color-ccd788: #ccd788;
SCSS
$color-ccd788: #ccd788;
Tailwind
amber-300
Export
:root {
--#ccd788-1: #ccd788;
}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.