Preview
#dfd5b9
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.46:1 · vs black: 14.36:1
HEX
#dfd5b9
RGB
rgb(223, 213, 185)
RGBA
rgba(223, 213, 185, 1)
HSL
hsl(44, 37%, 80%)
HSV
hsv(44, 17%, 87%)
LAB
lab(85.39% -1.13 15.09)
LCH
lch(85.39% 15.13 94.28)
OKLAB
oklab(0.8737 -0.0005 0.039)
OKLCH
oklch(0.8737 0.039 90.73)
XYZ
xyz(62.98, 66.78, 55.46)
CMYK
cmyk(0%, 4%, 17%, 13%)
CSS
color: #dfd5b9;
CSS variable
--color-dfd5b9: #dfd5b9;
SCSS
$color-dfd5b9: #dfd5b9;
Tailwind
orange-200
Export
:root {
--#dfd5b9-1: #dfd5b9;
}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.