Preview
#664b28
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 8.07:1 · vs black: 2.6:1
HEX
#664b28
RGB
rgb(102, 75, 40)
RGBA
rgba(102, 75, 40, 1)
HSL
hsl(34, 44%, 28%)
HSV
hsv(34, 61%, 40%)
LAB
lab(34.01% 6.99 25.07)
LCH
lch(34.01% 26.03 74.42)
OKLAB
oklab(0.4337 0.0192 0.0592)
OKLCH
oklch(0.4337 0.0622 72.03)
XYZ
xyz(8.38, 8.01, 3.11)
CMYK
cmyk(0%, 26%, 61%, 60%)
CSS
color: #664b28;
CSS variable
--color-664b28: #664b28;
SCSS
$color-664b28: #664b28;
Tailwind
red-700
Export
:root {
--#664b28-1: #664b28;
}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.