Preview
#535030
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 8.21:1 · vs black: 2.56:1
HEX
#535030
RGB
rgb(83, 80, 48)
RGBA
rgba(83, 80, 48, 1)
HSL
hsl(55, 27%, 26%)
HSV
hsv(55, 42%, 33%)
LAB
lab(33.54% -4.26 19.31)
LCH
lch(33.54% 19.77 102.44)
OKLAB
oklab(0.4256 -0.0115 0.0473)
OKLCH
oklch(0.4256 0.0487 103.67)
XYZ
xyz(6.97, 7.79, 3.93)
CMYK
cmyk(0%, 4%, 42%, 67%)
CSS
color: #535030;
CSS variable
--color-535030: #535030;
SCSS
$color-535030: #535030;
Tailwind
orange-700
Export
:root {
--#535030-1: #535030;
}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.