Preview
#9c9c52
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.88:1 · vs black: 7.29:1
HEX
#9c9c52
RGB
rgb(156, 156, 82)
RGBA
rgba(156, 156, 82, 1)
HSL
hsl(60, 31%, 47%)
HSV
hsv(60, 47%, 61%)
LAB
lab(62.89% -10.86 38.49)
LCH
lch(62.89% 39.99 105.76)
OKLAB
oklab(0.6763 -0.0311 0.0918)
OKLCH
oklch(0.6763 0.0969 108.72)
XYZ
xyz(27.12, 31.45, 12.62)
CMYK
cmyk(0%, 0%, 47%, 39%)
CSS
color: #9c9c52;
CSS variable
--color-9c9c52: #9c9c52;
SCSS
$color-9c9c52: #9c9c52;
Tailwind
amber-500
Export
:root {
--#9c9c52-1: #9c9c52;
}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.