Preview
#ffcd71
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.48:1 · vs black: 14.22:1
HEX
#ffcd71
RGB
rgb(255, 205, 113)
RGBA
rgba(255, 205, 113, 1)
HSL
hsl(39, 100%, 72%)
HSV
hsv(39, 56%, 100%)
LAB
lab(85.06% 7.3 51.93)
LCH
lch(85.06% 52.44 82)
OKLAB
oklab(0.8739 0.0189 0.1223)
OKLCH
oklch(0.8739 0.1238 81.22)
XYZ
xyz(66.06, 66.12, 24.90)
CMYK
cmyk(0%, 20%, 56%, 0%)
CSS
color: #ffcd71;
CSS variable
--color-ffcd71: #ffcd71;
SCSS
$color-ffcd71: #ffcd71;
Tailwind
red-200
Export
:root {
--#ffcd71-1: #ffcd71;
}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.