Preview
#9fa37e
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.62:1 · vs black: 8.01:1
HEX
#9fa37e
RGB
rgb(159, 163, 126)
RGBA
rgba(159, 163, 126, 1)
HSL
hsl(66, 17%, 57%)
HSV
hsv(66, 23%, 64%)
LAB
lab(65.8% -7.84 18.8)
LCH
lch(65.8% 20.37 112.64)
OKLAB
oklab(0.7024 -0.02 0.0478)
OKLCH
oklch(0.7024 0.0518 112.7)
XYZ
xyz(31.16, 35.07, 24.86)
CMYK
cmyk(2%, 0%, 23%, 36%)
CSS
color: #9fa37e;
CSS variable
--color-9fa37e: #9fa37e;
SCSS
$color-9fa37e: #9fa37e;
Tailwind
amber-400
Export
:root {
--#9fa37e-1: #9fa37e;
}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.