Preview
#9c9c7c
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.82:1 · vs black: 7.46:1
HEX
#9c9c7c
RGB
rgb(156, 156, 124)
RGBA
rgba(156, 156, 124, 1)
HSL
hsl(60, 14%, 55%)
HSV
hsv(60, 21%, 61%)
LAB
lab(63.59% -5.54 16.82)
LCH
lch(63.59% 17.71 108.23)
OKLAB
oklab(0.6842 -0.0136 0.0429)
OKLCH
oklch(0.6842 0.045 107.59)
XYZ
xyz(29.24, 32.30, 23.76)
CMYK
cmyk(0%, 0%, 21%, 39%)
CSS
color: #9c9c7c;
CSS variable
--color-9c9c7c: #9c9c7c;
SCSS
$color-9c9c7c: #9c9c7c;
Tailwind
amber-400
Export
:root {
--#9c9c7c-1: #9c9c7c;
}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.