Preview
#c7d55e
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.6:1 · vs black: 13.11:1
HEX
#c7d55e
RGB
rgb(199, 213, 94)
RGBA
rgba(199, 213, 94, 1)
HSL
hsl(67, 59%, 60%)
HSV
hsv(67, 56%, 84%)
LAB
lab(82.13% -21.05 56.13)
LCH
lch(82.13% 59.95 110.56)
OKLAB
oklab(0.8387 -0.0613 0.1305)
OKLCH
oklch(0.8387 0.1442 115.16)
XYZ
xyz(49.37, 60.54, 19.67)
CMYK
cmyk(7%, 0%, 56%, 16%)
CSS
color: #c7d55e;
CSS variable
--color-c7d55e: #c7d55e;
SCSS
$color-c7d55e: #c7d55e;
Tailwind
amber-400
Export
:root {
--#c7d55e-1: #c7d55e;
}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.