Preview
#311b12
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 16.2:1 · vs black: 1.3:1
HEX
#311b12
RGB
rgb(49, 27, 18)
RGBA
rgba(49, 27, 18, 1)
HSL
hsl(17, 46%, 13%)
HSV
hsv(17, 63%, 19%)
LAB
lab(12.48% 9.7 10.59)
LCH
lch(12.48% 14.36 47.51)
OKLAB
oklab(0.2492 0.0284 0.0264)
OKLCH
oklch(0.2492 0.0388 42.91)
XYZ
xyz(1.77, 1.48, 0.76)
CMYK
cmyk(0%, 45%, 63%, 81%)
CSS
color: #311b12;
CSS variable
--color-311b12: #311b12;
SCSS
$color-311b12: #311b12;
Tailwind
slate-800
Export
:root {
--#311b12-1: #311b12;
}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.