Preview
#5f2f13
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 11.04:1 · vs black: 1.9:1
HEX
#5f2f13
RGB
rgb(95, 47, 19)
RGBA
rgba(95, 47, 19, 1)
HSL
hsl(22, 67%, 22%)
HSV
hsv(22, 80%, 37%)
LAB
lab(25.3% 19.43 26.96)
LCH
lch(25.3% 33.23 54.22)
OKLAB
oklab(0.3633 0.0534 0.0599)
OKLCH
oklch(0.3633 0.0802 48.28)
XYZ
xyz(5.85, 4.51, 1.18)
CMYK
cmyk(0%, 51%, 80%, 63%)
CSS
color: #5f2f13;
CSS variable
--color-5f2f13: #5f2f13;
SCSS
$color-5f2f13: #5f2f13;
Tailwind
red-700
Export
:root {
--#5f2f13-1: #5f2f13;
}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.