Preview
#5c230a
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 12.35:1 · vs black: 1.7:1
HEX
#5c230a
RGB
rgb(92, 35, 10)
RGBA
rgba(92, 35, 10, 1)
HSL
hsl(18, 80%, 20%)
HSV
hsv(18, 89%, 36%)
LAB
lab(21.94% 24.66 27.88)
LCH
lch(21.94% 37.22 48.51)
OKLAB
oklab(0.3364 0.0679 0.0603)
OKLCH
oklch(0.3364 0.0908 41.61)
XYZ
xyz(5.07, 3.50, 0.70)
CMYK
cmyk(0%, 62%, 89%, 64%)
CSS
color: #5c230a;
CSS variable
--color-5c230a: #5c230a;
SCSS
$color-5c230a: #5c230a;
Tailwind
slate-800
Export
:root {
--#5c230a-1: #5c230a;
}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.