Preview
#6c3a13
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 9.32:1 · vs black: 2.25:1
HEX
#6c3a13
RGB
rgb(108, 58, 19)
RGBA
rgba(108, 58, 19, 1)
HSL
hsl(26, 70%, 25%)
HSV
hsv(26, 82%, 42%)
LAB
lab(30.06% 18.87 32.42)
LCH
lch(30.06% 37.51 59.8)
OKLAB
oklab(0.4041 0.0506 0.0708)
OKLCH
oklch(0.4041 0.087 54.45)
XYZ
xyz(7.82, 6.26, 1.41)
CMYK
cmyk(0%, 46%, 82%, 58%)
CSS
color: #6c3a13;
CSS variable
--color-6c3a13: #6c3a13;
SCSS
$color-6c3a13: #6c3a13;
Tailwind
red-700
Export
:root {
--#6c3a13-1: #6c3a13;
}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.