Preview
#3f210e
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 14.63:1 · vs black: 1.44:1
HEX
#3f210e
RGB
rgb(63, 33, 14)
RGBA
rgba(63, 33, 14, 1)
HSL
hsl(23, 64%, 15%)
HSV
hsv(23, 78%, 25%)
LAB
lab(16.39% 12.46 18.32)
LCH
lch(16.39% 22.16 55.78)
OKLAB
oklab(0.2838 0.0345 0.0429)
OKLCH
oklch(0.2838 0.0551 51.19)
XYZ
xyz(2.67, 2.18, 0.69)
CMYK
cmyk(0%, 48%, 78%, 75%)
CSS
color: #3f210e;
CSS variable
--color-3f210e: #3f210e;
SCSS
$color-3f210e: #3f210e;
Tailwind
red-800
Export
:root {
--#3f210e-1: #3f210e;
}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.