Preview
#ffd480
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.4:1 · vs black: 14.98:1
HEX
#ffd480
RGB
rgb(255, 212, 128)
RGBA
rgba(255, 212, 128, 1)
HSL
hsl(40, 100%, 75%)
HSV
hsv(40, 50%, 100%)
LAB
lab(86.95% 4.92 46.94)
LCH
lch(86.95% 47.2 84.02)
OKLAB
oklab(0.8894 0.0137 0.1126)
OKLCH
oklch(0.8894 0.1134 83.06)
XYZ
xyz(68.68, 69.91, 30.29)
CMYK
cmyk(0%, 17%, 50%, 0%)
CSS
color: #ffd480;
CSS variable
--color-ffd480: #ffd480;
SCSS
$color-ffd480: #ffd480;
Tailwind
orange-200
Export
:root {
--#ffd480-1: #ffd480;
}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.