Preview
#535236
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 7.99:1 · vs black: 2.63:1
HEX
#535236
RGB
rgb(83, 82, 54)
RGBA
rgba(83, 82, 54, 1)
HSL
hsl(58, 21%, 27%)
HSV
hsv(58, 35%, 33%)
LAB
lab(34.27% -4.64 16.63)
LCH
lch(34.27% 17.27 105.59)
OKLAB
oklab(0.4318 -0.0121 0.0413)
OKLCH
oklch(0.4318 0.043 106.33)
XYZ
xyz(7.25, 8.14, 4.68)
CMYK
cmyk(0%, 1%, 35%, 67%)
CSS
color: #535236;
CSS variable
--color-535236: #535236;
SCSS
$color-535236: #535236;
Tailwind
orange-700
Export
:root {
--#535236-1: #535236;
}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.