Preview
#cdc5af
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.72:1 · vs black: 12.2:1
HEX
#cdc5af
RGB
rgb(205, 197, 175)
RGBA
rgba(205, 197, 175, 1)
HSL
hsl(44, 23%, 75%)
HSV
hsv(44, 15%, 80%)
LAB
lab(79.62% -0.91 12.04)
LCH
lch(79.62% 12.07 94.32)
OKLAB
oklab(0.824 -0.0002 0.0312)
OKLCH
oklch(0.824 0.0312 90.37)
XYZ
xyz(52.88, 56.01, 48.57)
CMYK
cmyk(0%, 4%, 15%, 20%)
CSS
color: #cdc5af;
CSS variable
--color-cdc5af: #cdc5af;
SCSS
$color-cdc5af: #cdc5af;
Tailwind
orange-200
Export
:root {
--#cdc5af-1: #cdc5af;
}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.