Preview
#3a220d
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 14.85:1 · vs black: 1.41:1
HEX
#3a220d
RGB
rgb(58, 34, 13)
RGBA
rgba(58, 34, 13, 1)
HSL
hsl(28, 63%, 14%)
HSV
hsv(28, 78%, 23%)
LAB
lab(15.87% 9.13 17.99)
LCH
lch(15.87% 20.17 63.09)
OKLAB
oklab(0.2781 0.0249 0.0426)
OKLCH
oklch(0.2781 0.0493 59.69)
XYZ
xyz(2.39, 2.07, 0.65)
CMYK
cmyk(0%, 41%, 78%, 77%)
CSS
color: #3a220d;
CSS variable
--color-3a220d: #3a220d;
SCSS
$color-3a220d: #3a220d;
Tailwind
red-800
Export
:root {
--#3a220d-1: #3a220d;
}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.