Preview
#ffca96
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 1.49:1 · vs black: 14.14:1
HEX
#ffca96
RGB
rgb(255, 202, 150)
RGBA
rgba(255, 202, 150, 1)
HSL
hsl(30, 100%, 79%)
HSV
hsv(30, 41%, 100%)
LAB
lab(84.85% 12.22 33.12)
LCH
lch(84.85% 35.3 69.75)
OKLAB
oklab(0.8739 0.0372 0.0822)
OKLCH
oklch(0.8739 0.0902 65.65)
XYZ
xyz(67.87, 65.71, 37.96)
CMYK
cmyk(0%, 21%, 41%, 0%)
CSS
color: #ffca96;
CSS variable
--color-ffca96: #ffca96;
SCSS
$color-ffca96: #ffca96;
Tailwind
red-200
Export
:root {
--#ffca96-1: #ffca96;
}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.