Preview
#4d4019
Family: Amber
Accessibility on this swatch:
Contrast vs white: 10.18:1 · vs black: 2.06:1
HEX
#4d4019
RGB
rgb(77, 64, 25)
RGBA
rgba(77, 64, 25, 1)
HSL
hsl(45, 51%, 20%)
HSV
hsv(45, 68%, 30%)
LAB
lab(27.61% 0.22 25.42)
LCH
lch(27.61% 25.42 89.5)
OKLAB
oklab(0.3761 -0.0009 0.0586)
OKLCH
oklch(0.3761 0.0586 90.88)
XYZ
xyz(5.07, 5.32, 1.68)
CMYK
cmyk(0%, 17%, 68%, 70%)
CSS
color: #4d4019;
CSS variable
--color-4d4019: #4d4019;
SCSS
$color-4d4019: #4d4019;
Tailwind
orange-800
Export
:root {
--#4d4019-1: #4d4019;
}Confidence, warmth, and caution. Useful for notifications and premium earthy palettes.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Amber family.