Preview
#cdb779
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.97:1 · vs black: 10.65:1
HEX
#cdb779
RGB
rgb(205, 183, 121)
RGBA
rgba(205, 183, 121, 1)
HSL
hsl(44, 46%, 64%)
HSV
hsv(44, 41%, 80%)
LAB
lab(74.97% -0.79 34.38)
LCH
lch(74.97% 34.39 91.32)
OKLAB
oklab(0.784 -0.001 0.0844)
OKLCH
oklch(0.784 0.0844 90.68)
XYZ
xyz(45.56, 48.23, 24.99)
CMYK
cmyk(0%, 11%, 41%, 20%)
CSS
color: #cdb779;
CSS variable
--color-cdb779: #cdb779;
SCSS
$color-cdb779: #cdb779;
Tailwind
orange-300
Export
:root {
--#cdb779-1: #cdb779;
}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.