Preview
#c8c884
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.74:1 · vs black: 12.05:1
HEX
#c8c884
RGB
rgb(200, 200, 132)
RGBA
rgba(200, 200, 132, 1)
HSL
hsl(60, 38%, 65%)
HSV
hsv(60, 34%, 78%)
LAB
lab(79.19% -10.36 34.08)
LCH
lch(79.19% 35.62 106.91)
OKLAB
oklab(0.8169 -0.0277 0.0841)
OKLCH
oklch(0.8169 0.0885 108.23)
XYZ
xyz(48.64, 55.25, 29.93)
CMYK
cmyk(0%, 0%, 34%, 22%)
CSS
color: #c8c884;
CSS variable
--color-c8c884: #c8c884;
SCSS
$color-c8c884: #c8c884;
Tailwind
amber-300
Export
:root {
--#c8c884-1: #c8c884;
}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.