Preview
#dfd9ca
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.41:1 · vs black: 14.92:1
HEX
#dfd9ca
RGB
rgb(223, 217, 202)
RGBA
rgba(223, 217, 202, 1)
HSL
hsl(43, 25%, 83%)
HSV
hsv(43, 9%, 87%)
LAB
lab(86.79% -0.51 8.11)
LCH
lch(86.79% 8.13 93.6)
OKLAB
oklab(0.886 0.0005 0.0212)
OKLCH
oklch(0.886 0.0212 88.65)
XYZ
xyz(65.90, 69.58, 65.82)
CMYK
cmyk(0%, 3%, 9%, 13%)
CSS
color: #dfd9ca;
CSS variable
--color-dfd9ca: #dfd9ca;
SCSS
$color-dfd9ca: #dfd9ca;
Tailwind
orange-100
Export
:root {
--#dfd9ca-1: #dfd9ca;
}Creativity, enthusiasm, and friendliness. Approachable CTAs and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Orange family.