Preview
#c9d85d
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.56:1 · vs black: 13.46:1
HEX
#c9d85d
RGB
rgb(201, 216, 93)
RGBA
rgba(201, 216, 93, 1)
HSL
hsl(67, 61%, 61%)
HSV
hsv(67, 57%, 85%)
LAB
lab(83.08% -21.79 57.68)
LCH
lch(83.08% 61.66 110.7)
OKLAB
oklab(0.8466 -0.0636 0.1337)
OKLCH
oklch(0.8466 0.1481 115.44)
XYZ
xyz(50.62, 62.32, 19.72)
CMYK
cmyk(7%, 0%, 57%, 15%)
CSS
color: #c9d85d;
CSS variable
--color-c9d85d: #c9d85d;
SCSS
$color-c9d85d: #c9d85d;
Tailwind
amber-300
Export
:root {
--#c9d85d-1: #c9d85d;
}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.