Preview
#a69b96
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.71:1 · vs black: 7.75:1
HEX
#a69b96
RGB
rgb(166, 155, 150)
RGBA
rgba(166, 155, 150, 1)
HSL
hsl(19, 8%, 62%)
HSV
hsv(19, 10%, 65%)
LAB
lab(64.77% 3.12 4.06)
LCH
lch(64.77% 5.12 52.46)
OKLAB
oklab(0.6974 0.0103 0.0107)
OKLCH
oklch(0.6974 0.0149 46.09)
XYZ
xyz(32.95, 33.75, 33.63)
CMYK
cmyk(0%, 7%, 10%, 35%)
CSS
color: #a69b96;
CSS variable
--color-a69b96: #a69b96;
SCSS
$color-a69b96: #a69b96;
Tailwind
slate-300
Export
:root {
--#a69b96-1: #a69b96;
}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.