Preview
#ffd3a6
Family: Deep Orange
Accessibility on this swatch:
Contrast vs white: 1.39:1 · vs black: 15.12:1
HEX
#ffd3a6
RGB
rgb(255, 211, 166)
RGBA
rgba(255, 211, 166, 1)
HSL
hsl(30, 100%, 83%)
HSV
hsv(30, 35%, 100%)
LAB
lab(87.29% 9.34 28.09)
LCH
lch(87.29% 29.6 71.61)
OKLAB
oklab(0.894 0.0297 0.0707)
OKLCH
oklch(0.894 0.0767 67.21)
XYZ
xyz(71.42, 70.60, 45.94)
CMYK
cmyk(0%, 17%, 35%, 0%)
CSS
color: #ffd3a6;
CSS variable
--color-ffd3a6: #ffd3a6;
SCSS
$color-ffd3a6: #ffd3a6;
Tailwind
red-100
Export
:root {
--#ffd3a6-1: #ffd3a6;
}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.