Preview
#20180e
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 17.52:1 · vs black: 1.2:1
HEX
#20180e
RGB
rgb(32, 24, 14)
RGBA
rgba(32, 24, 14, 1)
HSL
hsl(33, 39%, 9%)
HSV
hsv(33, 56%, 13%)
LAB
lab(8.93% 2.18 7.46)
LCH
lch(8.93% 7.77 73.71)
OKLAB
oklab(0.2157 0.0067 0.0212)
OKLCH
oklch(0.2157 0.0222 72.46)
XYZ
xyz(1.00, 0.99, 0.55)
CMYK
cmyk(0%, 25%, 56%, 87%)
CSS
color: #20180e;
CSS variable
--color-20180e: #20180e;
SCSS
$color-20180e: #20180e;
Tailwind
red-900
Export
:root {
--#20180e-1: #20180e;
}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.