Preview
#c6c690
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.77:1 · vs black: 11.88:1
HEX
#c6c690
RGB
rgb(198, 198, 144)
RGBA
rgba(198, 198, 144, 1)
HSL
hsl(60, 32%, 67%)
HSV
hsv(60, 27%, 78%)
LAB
lab(78.7% -8.59 27.16)
LCH
lch(78.7% 28.49 107.55)
OKLAB
oklab(0.8133 -0.022 0.0682)
OKLCH
oklch(0.8133 0.0717 107.88)
XYZ
xyz(48.52, 54.41, 34.33)
CMYK
cmyk(0%, 0%, 27%, 22%)
CSS
color: #c6c690;
CSS variable
--color-c6c690: #c6c690;
SCSS
$color-c6c690: #c6c690;
Tailwind
amber-300
Export
:root {
--#c6c690-1: #c6c690;
}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.