Preview
#6c4b30
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 7.82:1 · vs black: 2.69:1
HEX
#6c4b30
RGB
rgb(108, 75, 48)
RGBA
rgba(108, 75, 48, 1)
HSL
hsl(27, 38%, 31%)
HSV
hsv(27, 56%, 42%)
LAB
lab(34.87% 10.58 21.57)
LCH
lch(34.87% 24.03 63.87)
OKLAB
oklab(0.4425 0.0305 0.0521)
OKLCH
oklch(0.4425 0.0604 59.65)
XYZ
xyz(9.23, 8.43, 3.94)
CMYK
cmyk(0%, 31%, 56%, 58%)
CSS
color: #6c4b30;
CSS variable
--color-6c4b30: #6c4b30;
SCSS
$color-6c4b30: #6c4b30;
Tailwind
red-600
Export
:root {
--#6c4b30-1: #6c4b30;
}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.