Preview
#6c4424
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 8.43:1 · vs black: 2.49:1
HEX
#6c4424
RGB
rgb(108, 68, 36)
RGBA
rgba(108, 68, 36, 1)
HSL
hsl(27, 50%, 28%)
HSV
hsv(27, 67%, 42%)
LAB
lab(32.81% 13.82 26.16)
LCH
lch(32.81% 29.59 62.15)
OKLAB
oklab(0.4259 0.0383 0.0609)
OKLCH
oklch(0.4259 0.0719 57.83)
XYZ
xyz(8.57, 7.45, 2.66)
CMYK
cmyk(0%, 37%, 67%, 58%)
CSS
color: #6c4424;
CSS variable
--color-6c4424: #6c4424;
SCSS
$color-6c4424: #6c4424;
Tailwind
red-700
Export
:root {
--#6c4424-1: #6c4424;
}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.