Preview
#ffcb97
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 1.47:1 · vs black: 14.24:1
HEX
#ffcb97
RGB
rgb(255, 203, 151)
RGBA
rgba(255, 203, 151, 1)
HSL
hsl(30, 100%, 80%)
HSV
hsv(30, 41%, 100%)
LAB
lab(85.1% 11.8 32.94)
LCH
lch(85.1% 34.99 70.29)
OKLAB
oklab(0.876 0.036 0.0818)
OKLCH
oklch(0.876 0.0894 66.25)
XYZ
xyz(68.18, 66.21, 38.46)
CMYK
cmyk(0%, 20%, 41%, 0%)
CSS
color: #ffcb97;
CSS variable
--color-ffcb97: #ffcb97;
SCSS
$color-ffcb97: #ffcb97;
Tailwind
red-200
Export
:root {
--#ffcb97-1: #ffcb97;
}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.