Preview
#4a4d15
Family: Yellow
Accessibility on this swatch:
Contrast vs white: 8.88:1 · vs black: 2.36:1
HEX
#4a4d15
RGB
rgb(74, 77, 21)
RGBA
rgba(74, 77, 21, 1)
HSL
hsl(63, 57%, 19%)
HSV
hsv(63, 73%, 30%)
LAB
lab(31.39% -9.55 31.43)
LCH
lch(31.39% 32.85 106.9)
OKLAB
oklab(0.4052 -0.0291 0.0708)
OKLCH
oklch(0.4052 0.0765 112.34)
XYZ
xyz(5.61, 6.82, 1.73)
CMYK
cmyk(4%, 0%, 73%, 70%)
CSS
color: #4a4d15;
CSS variable
--color-4a4d15: #4a4d15;
SCSS
$color-4a4d15: #4a4d15;
Tailwind
amber-800
Export
:root {
--#4a4d15-1: #4a4d15;
}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.