Preview
#372e1e
Family: Orange
Accessibility on this swatch:
Contrast vs white: 13.36:1 · vs black: 1.57:1
HEX
#372e1e
RGB
rgb(55, 46, 30)
RGBA
rgba(55, 46, 30, 1)
HSL
hsl(38, 29%, 17%)
HSV
hsv(38, 45%, 22%)
LAB
lab(19.47% 1.27 11.84)
LCH
lch(19.47% 11.91 83.88)
OKLAB
oklab(0.3063 0.0044 0.0294)
OKLCH
oklch(0.3063 0.0297 81.49)
XYZ
xyz(2.79, 2.86, 1.63)
CMYK
cmyk(0%, 16%, 45%, 78%)
CSS
color: #372e1e;
CSS variable
--color-372e1e: #372e1e;
SCSS
$color-372e1e: #372e1e;
Tailwind
red-800
Export
:root {
--#372e1e-1: #372e1e;
}Creativity, enthusiasm, and friendliness. Approachable CTAs and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Orange family.