Preview
#ded4bf
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.47:1 · vs black: 14.28:1
HEX
#ded4bf
RGB
rgb(222, 212, 191)
RGBA
rgba(222, 212, 191, 1)
HSL
hsl(41, 32%, 81%)
HSV
hsv(41, 14%, 87%)
LAB
lab(85.19% -0.05 11.62)
LCH
lch(85.19% 11.62 90.25)
OKLAB
oklab(0.8724 0.0023 0.0302)
OKLCH
oklch(0.8724 0.0303 85.64)
XYZ
xyz(63.07, 66.38, 58.77)
CMYK
cmyk(0%, 5%, 14%, 13%)
CSS
color: #ded4bf;
CSS variable
--color-ded4bf: #ded4bf;
SCSS
$color-ded4bf: #ded4bf;
Tailwind
orange-100
Export
:root {
--#ded4bf-1: #ded4bf;
}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.