Preview
#ab9e95
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.61:1 · vs black: 8.06:1
HEX
#ab9e95
RGB
rgb(171, 158, 149)
RGBA
rgba(171, 158, 149, 1)
HSL
hsl(25, 12%, 63%)
HSV
hsv(25, 13%, 67%)
LAB
lab(65.97% 3.17 6.41)
LCH
lch(65.97% 7.15 63.69)
OKLAB
oklab(0.7078 0.0109 0.0168)
OKLCH
oklch(0.7078 0.02 57.02)
XYZ
xyz(34.45, 35.28, 33.42)
CMYK
cmyk(0%, 8%, 13%, 33%)
CSS
color: #ab9e95;
CSS variable
--color-ab9e95: #ab9e95;
SCSS
$color-ab9e95: #ab9e95;
Tailwind
red-300
Export
:root {
--#ab9e95-1: #ab9e95;
}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.