Preview
#c4cd87
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.69:1 · vs black: 12.43:1
HEX
#c4cd87
RGB
rgb(196, 205, 135)
RGBA
rgba(196, 205, 135, 1)
HSL
hsl(68, 41%, 67%)
HSV
hsv(68, 34%, 80%)
LAB
lab(80.26% -14.09 33.88)
LCH
lch(80.26% 36.69 112.58)
OKLAB
oklab(0.8249 -0.038 0.0838)
OKLCH
oklch(0.8249 0.092 114.39)
XYZ
xyz(48.97, 57.15, 31.37)
CMYK
cmyk(4%, 0%, 34%, 20%)
CSS
color: #c4cd87;
CSS variable
--color-c4cd87: #c4cd87;
SCSS
$color-c4cd87: #c4cd87;
Tailwind
amber-300
Export
:root {
--#c4cd87-1: #c4cd87;
}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.