Preview
#cd871d
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.97:1 · vs black: 7.08:1
HEX
#cd871d
RGB
rgb(205, 135, 29)
RGBA
rgba(205, 135, 29, 1)
HSL
hsl(36, 75%, 46%)
HSV
hsv(36, 86%, 80%)
LAB
lab(62% 18.97 61.75)
LCH
lch(62% 64.6 72.92)
OKLAB
oklab(0.6793 0.0459 0.1307)
OKLCH
oklch(0.6793 0.1385 70.65)
XYZ
xyz(34.07, 30.40, 5.24)
CMYK
cmyk(0%, 34%, 86%, 20%)
CSS
color: #cd871d;
CSS variable
--color-cd871d: #cd871d;
SCSS
$color-cd871d: #cd871d;
Tailwind
red-500
Export
:root {
--#cd871d-1: #cd871d;
}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.