Preview
#a66048
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 4.79:1 · vs black: 4.39:1
HEX
#a66048
RGB
rgb(166, 96, 72)
RGBA
rgba(166, 96, 72, 1)
HSL
hsl(15, 39%, 47%)
HSV
hsv(15, 57%, 65%)
LAB
lab(48.19% 25.98 25.9)
LCH
lch(48.19% 36.68 44.91)
OKLAB
oklab(0.5631 0.0757 0.0627)
OKLCH
oklch(0.5631 0.0983 39.63)
XYZ
xyz(21.08, 16.94, 8.29)
CMYK
cmyk(0%, 42%, 57%, 35%)
CSS
color: #a66048;
CSS variable
--color-a66048: #a66048;
SCSS
$color-a66048: #a66048;
Tailwind
slate-500
Export
:root {
--#a66048-1: #a66048;
}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.