Preview
#3b382b
Family: Amber
Accessibility on this swatch:
Contrast vs white: 11.75:1 · vs black: 1.79:1
HEX
#3b382b
RGB
rgb(59, 56, 43)
RGBA
rgba(59, 56, 43, 1)
HSL
hsl(49, 16%, 20%)
HSV
hsv(49, 27%, 23%)
LAB
lab(23.45% -1.28 8.62)
LCH
lch(23.45% 8.71 98.45)
OKLAB
oklab(0.3396 -0.0025 0.022)
OKLCH
oklch(0.3396 0.0221 96.48)
XYZ
xyz(3.65, 3.93, 2.85)
CMYK
cmyk(0%, 5%, 27%, 77%)
CSS
color: #3b382b;
CSS variable
--color-3b382b: #3b382b;
SCSS
$color-3b382b: #3b382b;
Tailwind
orange-800
Export
:root {
--#3b382b-1: #3b382b;
}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.