Preview
#9c9862
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 2.97:1 · vs black: 7.08:1
HEX
#9c9862
RGB
rgb(156, 152, 98)
RGBA
rgba(156, 152, 98, 1)
HSL
hsl(56, 23%, 50%)
HSV
hsv(56, 37%, 61%)
LAB
lab(62% -6.96 28.97)
LCH
lch(62% 29.79 103.51)
OKLAB
oklab(0.67 -0.0185 0.0713)
OKLCH
oklch(0.67 0.0737 104.55)
XYZ
xyz(27.14, 30.41, 15.99)
CMYK
cmyk(0%, 3%, 37%, 39%)
CSS
color: #9c9862;
CSS variable
--color-9c9862: #9c9862;
SCSS
$color-9c9862: #9c9862;
Tailwind
orange-500
Export
:root {
--#9c9862-1: #9c9862;
}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.