Preview
#a69e96
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.64:1 · vs black: 7.95:1
HEX
#a69e96
RGB
rgb(166, 158, 150)
RGBA
rgba(166, 158, 150, 1)
HSL
hsl(30, 8%, 62%)
HSV
hsv(30, 10%, 65%)
LAB
lab(65.56% 1.47 5.21)
LCH
lch(65.56% 5.41 74.24)
OKLAB
oklab(0.7037 0.0057 0.0137)
OKLCH
oklch(0.7037 0.0148 67.41)
XYZ
xyz(33.46, 34.76, 33.80)
CMYK
cmyk(0%, 5%, 10%, 35%)
CSS
color: #a69e96;
CSS variable
--color-a69e96: #a69e96;
SCSS
$color-a69e96: #a69e96;
Tailwind
red-300
Export
:root {
--#a69e96-1: #a69e96;
}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.