Preview
#4a421c
Family: Amber
Accessibility on this swatch:
Contrast vs white: 10.06:1 · vs black: 2.09:1
HEX
#4a421c
RGB
rgb(74, 66, 28)
RGBA
rgba(74, 66, 28, 1)
HSL
hsl(50, 45%, 20%)
HSV
hsv(50, 62%, 29%)
LAB
lab(27.94% -2.29 24.02)
LCH
lch(27.94% 24.13 95.45)
OKLAB
oklab(0.378 -0.0075 0.0561)
OKLCH
oklch(0.378 0.0566 97.61)
XYZ
xyz(4.98, 5.44, 1.89)
CMYK
cmyk(0%, 11%, 62%, 71%)
CSS
color: #4a421c;
CSS variable
--color-4a421c: #4a421c;
SCSS
$color-4a421c: #4a421c;
Tailwind
orange-800
Export
:root {
--#4a421c-1: #4a421c;
}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.