Preview
#353424
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 12.59:1 · vs black: 1.67:1
HEX
#353424
RGB
rgb(53, 52, 36)
RGBA
rgba(53, 52, 36, 1)
HSL
hsl(56, 19%, 17%)
HSV
hsv(56, 32%, 21%)
LAB
lab(21.36% -2.76 10.31)
LCH
lch(21.36% 10.67 104.99)
OKLAB
oklab(0.3211 -0.0069 0.026)
OKLCH
oklch(0.3211 0.0269 104.86)
XYZ
xyz(3.01, 3.34, 2.15)
CMYK
cmyk(0%, 2%, 32%, 79%)
CSS
color: #353424;
CSS variable
--color-353424: #353424;
SCSS
$color-353424: #353424;
Tailwind
orange-800
Export
:root {
--#353424-1: #353424;
}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.