Preview
#464320
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 10.08:1 · vs black: 2.08:1
HEX
#464320
RGB
rgb(70, 67, 32)
RGBA
rgba(70, 67, 32, 1)
HSL
hsl(55, 37%, 20%)
HSV
hsv(55, 54%, 27%)
LAB
lab(27.9% -4.5 21.55)
LCH
lch(27.9% 22.01 101.79)
OKLAB
oklab(0.3769 -0.0131 0.0513)
OKLCH
oklch(0.3769 0.0529 104.32)
XYZ
xyz(4.79, 5.42, 2.16)
CMYK
cmyk(0%, 4%, 54%, 73%)
CSS
color: #464320;
CSS variable
--color-464320: #464320;
SCSS
$color-464320: #464320;
Tailwind
orange-800
Export
:root {
--#464320-1: #464320;
}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.