Preview
#535335
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 7.91:1 · vs black: 2.66:1
HEX
#535335
RGB
rgb(83, 83, 53)
RGBA
rgba(83, 83, 53, 1)
HSL
hsl(60, 22%, 27%)
HSV
hsv(60, 36%, 33%)
LAB
lab(34.56% -5.39 17.62)
LCH
lch(34.56% 18.43 107.01)
OKLAB
oklab(0.434 -0.0143 0.0436)
OKLCH
oklch(0.434 0.0459 108.16)
XYZ
xyz(7.30, 8.28, 4.58)
CMYK
cmyk(0%, 0%, 36%, 67%)
CSS
color: #535335;
CSS variable
--color-535335: #535335;
SCSS
$color-535335: #535335;
Tailwind
amber-700
Export
:root {
--#535335-1: #535335;
}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.