Preview
#211a0c
Family: Orange
Accessibility on this swatch:
Contrast vs white: 17.25:1 · vs black: 1.22:1
HEX
#211a0c
RGB
rgb(33, 26, 12)
RGBA
rgba(33, 26, 12, 1)
HSL
hsl(40, 47%, 9%)
HSV
hsv(40, 64%, 13%)
LAB
lab(9.71% 1 9.56)
LCH
lch(9.71% 9.61 84.03)
OKLAB
oklab(0.222 0.0029 0.0267)
OKLCH
oklch(0.222 0.0269 83.8)
XYZ
xyz(1.06, 1.09, 0.50)
CMYK
cmyk(0%, 21%, 64%, 87%)
CSS
color: #211a0c;
CSS variable
--color-211a0c: #211a0c;
SCSS
$color-211a0c: #211a0c;
Tailwind
orange-900
Export
:root {
--#211a0c-1: #211a0c;
}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.