Preview
#ffbb99
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 1.64:1 · vs black: 12.82:1
HEX
#ffbb99
RGB
rgb(255, 187, 153)
RGBA
rgba(255, 187, 153, 1)
HSL
hsl(20, 100%, 80%)
HSV
hsv(20, 40%, 100%)
LAB
lab(81.35% 20.37 26.87)
LCH
lch(81.35% 33.72 52.83)
OKLAB
oklab(0.8469 0.0616 0.0675)
OKLCH
oklch(0.8469 0.0914 47.62)
XYZ
xyz(64.76, 59.10, 38.13)
CMYK
cmyk(0%, 27%, 40%, 0%)
CSS
color: #ffbb99;
CSS variable
--color-ffbb99: #ffbb99;
SCSS
$color-ffbb99: #ffbb99;
Tailwind
red-200
Export
:root {
--#ffbb99-1: #ffbb99;
}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.