Preview
#9f9f71
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.74:1 · vs black: 7.67:1
HEX
#9f9f71
RGB
rgb(159, 159, 113)
RGBA
rgba(159, 159, 113, 1)
HSL
hsl(60, 19%, 53%)
HSV
hsv(60, 29%, 62%)
LAB
lab(64.45% -7.57 24.09)
LCH
lch(64.45% 25.25 107.44)
OKLAB
oklab(0.6909 -0.0195 0.0603)
OKLCH
oklch(0.6909 0.0634 107.92)
XYZ
xyz(29.68, 33.36, 20.50)
CMYK
cmyk(0%, 0%, 29%, 38%)
CSS
color: #9f9f71;
CSS variable
--color-9f9f71: #9f9f71;
SCSS
$color-9f9f71: #9f9f71;
Tailwind
amber-400
Export
:root {
--#9f9f71-1: #9f9f71;
}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.