Preview
#464620
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 9.73:1 · vs black: 2.16:1
HEX
#464620
RGB
rgb(70, 70, 32)
RGBA
rgba(70, 70, 32, 1)
HSL
hsl(60, 37%, 20%)
HSV
hsv(60, 54%, 27%)
LAB
lab(28.87% -6.34 22.71)
LCH
lch(28.87% 23.58 105.6)
OKLAB
oklab(0.3846 -0.0183 0.0538)
OKLCH
oklch(0.3846 0.0568 108.79)
XYZ
xyz(4.98, 5.79, 2.22)
CMYK
cmyk(0%, 0%, 54%, 73%)
CSS
color: #464620;
CSS variable
--color-464620: #464620;
SCSS
$color-464620: #464620;
Tailwind
amber-800
Export
:root {
--#464620-1: #464620;
}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.