Preview
#c1c676
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.81:1 · vs black: 11.61:1
HEX
#c1c676
RGB
rgb(193, 198, 118)
RGBA
rgba(193, 198, 118, 1)
HSL
hsl(64, 41%, 62%)
HSV
hsv(64, 40%, 78%)
LAB
lab(77.9% -13.71 39.46)
LCH
lch(77.9% 41.77 109.16)
OKLAB
oklab(0.8046 -0.0379 0.0959)
OKLCH
oklch(0.8046 0.1031 111.56)
XYZ
xyz(45.46, 53.03, 24.98)
CMYK
cmyk(3%, 0%, 40%, 22%)
CSS
color: #c1c676;
CSS variable
--color-c1c676: #c1c676;
SCSS
$color-c1c676: #c1c676;
Tailwind
amber-300
Export
:root {
--#c1c676-1: #c1c676;
}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.