Preview
#4c3418
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 11.59:1 · vs black: 1.81:1
HEX
#4c3418
RGB
rgb(76, 52, 24)
RGBA
rgba(76, 52, 24, 1)
HSL
hsl(32, 52%, 20%)
HSV
hsv(32, 68%, 30%)
LAB
lab(23.86% 7.34 21.69)
LCH
lch(23.86% 22.9 71.3)
OKLAB
oklab(0.3464 0.0198 0.0505)
OKLCH
oklch(0.3464 0.0542 68.59)
XYZ
xyz(4.37, 4.06, 1.42)
CMYK
cmyk(0%, 32%, 68%, 70%)
CSS
color: #4c3418;
CSS variable
--color-4c3418: #4c3418;
SCSS
$color-4c3418: #4c3418;
Tailwind
red-800
Export
:root {
--#4c3418-1: #4c3418;
}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.