Preview
#5c240a
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 12.27:1 · vs black: 1.71:1
HEX
#5c240a
RGB
rgb(92, 36, 10)
RGBA
rgba(92, 36, 10, 1)
HSL
hsl(19, 80%, 20%)
HSV
hsv(19, 89%, 36%)
LAB
lab(22.16% 24.11 28.11)
LCH
lch(22.16% 37.03 49.38)
OKLAB
oklab(0.338 0.0662 0.0607)
OKLCH
oklch(0.338 0.0898 42.52)
XYZ
xyz(5.10, 3.56, 0.71)
CMYK
cmyk(0%, 61%, 89%, 64%)
CSS
color: #5c240a;
CSS variable
--color-5c240a: #5c240a;
SCSS
$color-5c240a: #5c240a;
Tailwind
slate-800
Export
:root {
--#5c240a-1: #5c240a;
}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.