Preview
#ff9966
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 2.1:1 · vs black: 10:1
HEX
#ff9966
RGB
rgb(255, 153, 102)
RGBA
rgba(255, 153, 102, 1)
HSL
hsl(20, 100%, 70%)
HSV
hsv(20, 60%, 100%)
LAB
lab(72.9% 33.57 42.78)
LCH
lch(72.9% 54.38 51.88)
OKLAB
oklab(0.7789 0.0958 0.1012)
OKLCH
oklch(0.7789 0.1394 46.57)
XYZ
xyz(55.03, 45.01, 18.36)
CMYK
cmyk(0%, 40%, 60%, 0%)
CSS
color: #ff9966;
CSS variable
--color-ff9966: #ff9966;
SCSS
$color-ff9966: #ff9966;
Tailwind
red-300
Export
:root {
--web-safe-#ff9966-1: #ff9966;
}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.