Preview
#3c2116
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 14.78:1 · vs black: 1.42:1
HEX
#3c2116
RGB
rgb(60, 33, 22)
RGBA
rgba(60, 33, 22, 1)
HSL
hsl(17, 46%, 16%)
HSV
hsv(17, 63%, 24%)
LAB
lab(16.04% 11.64 12.92)
LCH
lch(16.04% 17.39 47.98)
OKLAB
oklab(0.2805 0.0339 0.0313)
OKLCH
oklch(0.2805 0.0461 42.72)
XYZ
xyz(2.55, 2.11, 1.03)
CMYK
cmyk(0%, 45%, 63%, 76%)
CSS
color: #3c2116;
CSS variable
--color-3c2116: #3c2116;
SCSS
$color-3c2116: #3c2116;
Tailwind
slate-800
Export
:root {
--#3c2116-1: #3c2116;
}Bold warmth and intensity. Strong for food, sports, and energetic identities.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Deep Orange family.