Preview
#2f1c0c
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 16.25:1 · vs black: 1.29:1
HEX
#2f1c0c
RGB
rgb(47, 28, 12)
RGBA
rgba(47, 28, 12, 1)
HSL
hsl(27, 59%, 12%)
HSV
hsv(27, 74%, 18%)
LAB
lab(12.36% 7.32 13.55)
LCH
lch(12.36% 15.4 61.62)
OKLAB
oklab(0.2472 0.0204 0.0345)
OKLCH
oklch(0.2472 0.0401 59.4)
XYZ
xyz(1.65, 1.46, 0.54)
CMYK
cmyk(0%, 40%, 74%, 82%)
CSS
color: #2f1c0c;
CSS variable
--color-2f1c0c: #2f1c0c;
SCSS
$color-2f1c0c: #2f1c0c;
Tailwind
red-900
Export
:root {
--#2f1c0c-1: #2f1c0c;
}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.