Preview
#2f1c0f
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 16.23:1 · vs black: 1.29:1
HEX
#2f1c0f
RGB
rgb(47, 28, 15)
RGBA
rgba(47, 28, 15, 1)
HSL
hsl(24, 52%, 12%)
HSV
hsv(24, 68%, 18%)
LAB
lab(12.41% 7.62 12.14)
LCH
lch(12.41% 14.33 57.88)
OKLAB
oklab(0.2478 0.0218 0.0305)
OKLCH
oklch(0.2478 0.0375 54.44)
XYZ
xyz(1.67, 1.47, 0.65)
CMYK
cmyk(0%, 40%, 68%, 82%)
CSS
color: #2f1c0f;
CSS variable
--color-2f1c0f: #2f1c0f;
SCSS
$color-2f1c0f: #2f1c0f;
Tailwind
red-900
Export
:root {
--#2f1c0f-1: #2f1c0f;
}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.