Preview
#20170a
Family: Orange
Accessibility on this swatch:
Contrast vs white: 17.67:1 · vs black: 1.19:1
HEX
#20170a
RGB
rgb(32, 23, 10)
RGBA
rgba(32, 23, 10, 1)
HSL
hsl(35, 52%, 8%)
HSV
hsv(35, 69%, 13%)
LAB
lab(8.5% 2.37 8.66)
LCH
lch(8.5% 8.98 74.69)
OKLAB
oklab(0.2121 0.0067 0.0262)
OKLCH
oklch(0.2121 0.027 75.66)
XYZ
xyz(0.96, 0.94, 0.42)
CMYK
cmyk(0%, 28%, 69%, 87%)
CSS
color: #20170a;
CSS variable
--color-20170a: #20170a;
SCSS
$color-20170a: #20170a;
Tailwind
red-900
Export
:root {
--#20170a-1: #20170a;
}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.