Preview
#ffaa8a
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 1.85:1 · vs black: 11.37:1
HEX
#ffaa8a
RGB
rgb(255, 170, 138)
RGBA
rgba(255, 170, 138, 1)
HSL
hsl(16, 100%, 77%)
HSV
hsv(16, 46%, 100%)
LAB
lab(77.19% 27.72 29.28)
LCH
lch(77.19% 40.32 46.57)
OKLAB
oklab(0.8138 0.0825 0.0727)
OKLCH
oklch(0.8138 0.11 41.39)
XYZ
xyz(60.21, 51.85, 30.88)
CMYK
cmyk(0%, 33%, 46%, 0%)
CSS
color: #ffaa8a;
CSS variable
--color-ffaa8a: #ffaa8a;
SCSS
$color-ffaa8a: #ffaa8a;
Tailwind
slate-200
Export
:root {
--#ffaa8a-1: #ffaa8a;
}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.