Preview
#3b3416
Family: Amber
Accessibility on this swatch:
Contrast vs white: 12.44:1 · vs black: 1.69:1
HEX
#3b3416
RGB
rgb(59, 52, 22)
RGBA
rgba(59, 52, 22, 1)
HSL
hsl(49, 46%, 16%)
HSV
hsv(49, 63%, 23%)
LAB
lab(21.74% -1.62 19.88)
LCH
lch(21.74% 19.95 94.66)
OKLAB
oklab(0.3248 -0.0053 0.0467)
OKLCH
oklch(0.3248 0.047 96.47)
XYZ
xyz(3.18, 3.44, 1.26)
CMYK
cmyk(0%, 12%, 63%, 77%)
CSS
color: #3b3416;
CSS variable
--color-3b3416: #3b3416;
SCSS
$color-3b3416: #3b3416;
Tailwind
orange-800
Export
:root {
--#3b3416-1: #3b3416;
}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.