Preview
#ffb598
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 1.71:1 · vs black: 12.31:1
HEX
#ffb598
RGB
rgb(255, 181, 152)
RGBA
rgba(255, 181, 152, 1)
HSL
hsl(17, 100%, 80%)
HSV
hsv(17, 40%, 100%)
LAB
lab(79.94% 23.41 25.5)
LCH
lch(79.94% 34.62 47.45)
OKLAB
oklab(0.8359 0.0706 0.0642)
OKLCH
oklch(0.8359 0.0954 42.28)
XYZ
xyz(63.43, 56.58, 37.28)
CMYK
cmyk(0%, 29%, 40%, 0%)
CSS
color: #ffb598;
CSS variable
--color-ffb598: #ffb598;
SCSS
$color-ffb598: #ffb598;
Tailwind
slate-200
Export
:root {
--#ffb598-1: #ffb598;
}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.