Preview
#3b3712
Family: Amber
Accessibility on this swatch:
Contrast vs white: 12.06:1 · vs black: 1.74:1
HEX
#3b3712
RGB
rgb(59, 55, 18)
RGBA
rgba(59, 55, 18, 1)
HSL
hsl(54, 53%, 15%)
HSV
hsv(54, 69%, 23%)
LAB
lab(22.67% -3.93 23.25)
LCH
lch(22.67% 23.58 99.59)
OKLAB
oklab(0.332 -0.0125 0.0534)
OKLCH
oklch(0.332 0.0548 103.17)
XYZ
xyz(3.28, 3.71, 1.11)
CMYK
cmyk(0%, 7%, 69%, 77%)
CSS
color: #3b3712;
CSS variable
--color-3b3712: #3b3712;
SCSS
$color-3b3712: #3b3712;
Tailwind
orange-800
Export
:root {
--#3b3712-1: #3b3712;
}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.