Preview
#37311e
Family: Amber
Accessibility on this swatch:
Contrast vs white: 12.96:1 · vs black: 1.62:1
HEX
#37311e
RGB
rgb(55, 49, 30)
RGBA
rgba(55, 49, 30, 1)
HSL
hsl(46, 29%, 17%)
HSV
hsv(46, 45%, 22%)
LAB
lab(20.45% -0.73 13.12)
LCH
lch(20.45% 13.14 93.18)
OKLAB
oklab(0.314 -0.0015 0.0323)
OKLCH
oklch(0.314 0.0323 92.66)
XYZ
xyz(2.91, 3.10, 1.67)
CMYK
cmyk(0%, 11%, 45%, 78%)
CSS
color: #37311e;
CSS variable
--color-37311e: #37311e;
SCSS
$color-37311e: #37311e;
Tailwind
orange-800
Export
:root {
--#37311e-1: #37311e;
}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.