Preview
#353422
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 12.61:1 · vs black: 1.67:1
HEX
#353422
RGB
rgb(53, 52, 34)
RGBA
rgba(53, 52, 34, 1)
HSL
hsl(57, 22%, 17%)
HSV
hsv(57, 36%, 21%)
LAB
lab(21.31% -3.09 11.58)
LCH
lch(21.31% 11.99 104.94)
OKLAB
oklab(0.3206 -0.0079 0.0289)
OKLCH
oklch(0.3206 0.03 105.29)
XYZ
xyz(2.98, 3.33, 2.00)
CMYK
cmyk(0%, 2%, 36%, 79%)
CSS
color: #353422;
CSS variable
--color-353422: #353422;
SCSS
$color-353422: #353422;
Tailwind
orange-800
Export
:root {
--#353422-1: #353422;
}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.