Preview
#ffa171
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 1.98:1 · vs black: 10.59:1
HEX
#ffa171
RGB
rgb(255, 161, 113)
RGBA
rgba(255, 161, 113, 1)
HSL
hsl(20, 100%, 72%)
HSV
hsv(20, 56%, 100%)
LAB
lab(74.79% 30.23 39.4)
LCH
lch(74.79% 49.66 52.5)
OKLAB
oklab(0.794 0.0872 0.0946)
OKLCH
oklch(0.794 0.1287 47.33)
XYZ
xyz(56.97, 47.95, 21.87)
CMYK
cmyk(0%, 37%, 56%, 0%)
CSS
color: #ffa171;
CSS variable
--color-ffa171: #ffa171;
SCSS
$color-ffa171: #ffa171;
Tailwind
red-200
Export
:root {
--#ffa171-1: #ffa171;
}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.