Preview
#4e362a
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 11.14:1 · vs black: 1.89:1
HEX
#4e362a
RGB
rgb(78, 54, 42)
RGBA
rgba(78, 54, 42, 1)
HSL
hsl(20, 30%, 24%)
HSV
hsv(20, 46%, 31%)
LAB
lab(25.03% 8.97 11.8)
LCH
lch(25.03% 14.82 52.76)
OKLAB
oklab(0.3571 0.027 0.0295)
OKLCH
oklch(0.3571 0.04 47.53)
XYZ
xyz(4.88, 4.43, 2.79)
CMYK
cmyk(0%, 31%, 46%, 69%)
CSS
color: #4e362a;
CSS variable
--color-4e362a: #4e362a;
SCSS
$color-4e362a: #4e362a;
Tailwind
red-700
Export
:root {
--#4e362a-1: #4e362a;
}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.