Preview
#dfd4c4
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.46:1 · vs black: 14.35:1
HEX
#dfd4c4
RGB
rgb(223, 212, 196)
RGBA
rgba(223, 212, 196, 1)
HSL
hsl(36, 30%, 82%)
HSV
hsv(36, 12%, 87%)
LAB
lab(85.38% 1.11 9.27)
LCH
lch(85.38% 9.34 83.17)
OKLAB
oklab(0.8744 0.0054 0.0242)
OKLCH
oklch(0.8744 0.0248 77.42)
XYZ
xyz(63.94, 66.76, 61.73)
CMYK
cmyk(0%, 5%, 12%, 13%)
CSS
color: #dfd4c4;
CSS variable
--color-dfd4c4: #dfd4c4;
SCSS
$color-dfd4c4: #dfd4c4;
Tailwind
red-100
Export
:root {
--#dfd4c4-1: #dfd4c4;
}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.