Preview
#4e5511
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 7.98:1 · vs black: 2.63:1
HEX
#4e5511
RGB
rgb(78, 85, 17)
RGBA
rgba(78, 85, 17, 1)
HSL
hsl(66, 67%, 20%)
HSV
hsv(66, 80%, 33%)
LAB
lab(34.31% -12.46 36.14)
LCH
lch(34.31% 38.23 109.02)
OKLAB
oklab(0.4294 -0.0379 0.0798)
OKLCH
oklch(0.4294 0.0883 115.4)
XYZ
xyz(6.49, 8.16, 1.76)
CMYK
cmyk(8%, 0%, 80%, 67%)
CSS
color: #4e5511;
CSS variable
--color-4e5511: #4e5511;
SCSS
$color-4e5511: #4e5511;
Tailwind
amber-800
Export
:root {
--#4e5511-1: #4e5511;
}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.