Preview
#372a14
Family: Orange
Accessibility on this swatch:
Contrast vs white: 13.97:1 · vs black: 1.5:1
HEX
#372a14
RGB
rgb(55, 42, 20)
RGBA
rgba(55, 42, 20, 1)
HSL
hsl(38, 47%, 15%)
HSV
hsv(38, 64%, 22%)
LAB
lab(18% 2.72 16.54)
LCH
lch(18% 16.76 80.66)
OKLAB
oklab(0.2942 0.0074 0.0393)
OKLCH
oklch(0.2942 0.04 79.34)
XYZ
xyz(2.53, 2.52, 1.01)
CMYK
cmyk(0%, 24%, 64%, 78%)
CSS
color: #372a14;
CSS variable
--color-372a14: #372a14;
SCSS
$color-372a14: #372a14;
Tailwind
red-800
Export
:root {
--#372a14-1: #372a14;
}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.