Preview
#673e21
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 9.18:1 · vs black: 2.29:1
HEX
#673e21
RGB
rgb(103, 62, 33)
RGBA
rgba(103, 62, 33, 1)
HSL
hsl(25, 51%, 27%)
HSV
hsv(25, 68%, 40%)
LAB
lab(30.49% 14.92 25.02)
LCH
lch(30.49% 29.13 59.19)
OKLAB
oklab(0.4064 0.0416 0.0582)
OKLCH
oklch(0.4064 0.0715 54.44)
XYZ
xyz(7.59, 6.44, 2.28)
CMYK
cmyk(0%, 40%, 68%, 60%)
CSS
color: #673e21;
CSS variable
--color-673e21: #673e21;
SCSS
$color-673e21: #673e21;
Tailwind
red-700
Export
:root {
--#673e21-1: #673e21;
}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.