Preview
#d2c5b3
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.7:1 · vs black: 12.38:1
HEX
#d2c5b3
RGB
rgb(210, 197, 179)
RGBA
rgba(210, 197, 179, 1)
HSL
hsl(35, 26%, 76%)
HSV
hsv(35, 15%, 82%)
LAB
lab(80.12% 1.55 10.66)
LCH
lch(80.12% 10.77 81.73)
OKLAB
oklab(0.8292 0.0068 0.0278)
OKLCH
oklch(0.8292 0.0286 76.26)
XYZ
xyz(54.68, 56.89, 50.74)
CMYK
cmyk(0%, 6%, 15%, 18%)
CSS
color: #d2c5b3;
CSS variable
--color-d2c5b3: #d2c5b3;
SCSS
$color-d2c5b3: #d2c5b3;
Tailwind
red-200
Export
:root {
--#d2c5b3-1: #d2c5b3;
}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.