Preview
#404220
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 10.41:1 · vs black: 2.02:1
HEX
#404220
RGB
rgb(64, 66, 32)
RGBA
rgba(64, 66, 32, 1)
HSL
hsl(64, 35%, 19%)
HSV
hsv(64, 52%, 26%)
LAB
lab(26.99% -6.83 20.31)
LCH
lch(26.99% 21.43 108.59)
OKLAB
oklab(0.3682 -0.0193 0.0486)
OKLCH
oklch(0.3682 0.0523 111.66)
XYZ
xyz(4.32, 5.09, 2.12)
CMYK
cmyk(3%, 0%, 52%, 74%)
CSS
color: #404220;
CSS variable
--color-404220: #404220;
SCSS
$color-404220: #404220;
Tailwind
amber-800
Export
:root {
--#404220-1: #404220;
}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.