Preview
#c8c594
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 1.77:1 · vs black: 11.87:1
HEX
#c8c594
RGB
rgb(200, 197, 148)
RGBA
rgba(200, 197, 148, 1)
HSL
hsl(57, 32%, 68%)
HSV
hsv(57, 26%, 78%)
LAB
lab(78.67% -6.77 25.03)
LCH
lch(78.67% 25.93 105.13)
OKLAB
oklab(0.8137 -0.0167 0.0631)
OKLCH
oklch(0.8137 0.0653 104.82)
XYZ
xyz(49.13, 54.35, 35.91)
CMYK
cmyk(0%, 1%, 26%, 22%)
CSS
color: #c8c594;
CSS variable
--color-c8c594: #c8c594;
SCSS
$color-c8c594: #c8c594;
Tailwind
orange-300
Export
:root {
--#c8c594-1: #c8c594;
}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.