Preview
#d9cba9
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.61:1 · vs black: 13.07:1
HEX
#d9cba9
RGB
rgb(217, 203, 169)
RGBA
rgba(217, 203, 169, 1)
HSL
hsl(42, 39%, 76%)
HSV
hsv(42, 22%, 85%)
LAB
lab(82.02% -0.51 18.75)
LCH
lch(82.02% 18.76 91.56)
OKLAB
oklab(0.8448 0.0014 0.048)
OKLCH
oklch(0.8448 0.048 88.33)
XYZ
xyz(57.13, 60.33, 46.16)
CMYK
cmyk(0%, 6%, 22%, 15%)
CSS
color: #d9cba9;
CSS variable
--color-d9cba9: #d9cba9;
SCSS
$color-d9cba9: #d9cba9;
Tailwind
orange-200
Export
:root {
--#d9cba9-1: #d9cba9;
}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.