Preview
#ffcc66
Family: Orange
Accessibility on this swatch:
Contrast vs white: 1.49:1 · vs black: 14.08:1
HEX
#ffcc66
RGB
rgb(255, 204, 102)
RGBA
rgba(255, 204, 102, 1)
HSL
hsl(40, 100%, 70%)
HSV
hsv(40, 60%, 100%)
LAB
lab(84.69% 7.02 56.68)
LCH
lch(84.69% 57.11 82.94)
OKLAB
oklab(0.8707 0.0168 0.1315)
OKLCH
oklch(0.8707 0.1326 82.72)
XYZ
xyz(65.23, 65.41, 21.76)
CMYK
cmyk(0%, 20%, 60%, 0%)
CSS
color: #ffcc66;
CSS variable
--color-ffcc66: #ffcc66;
SCSS
$color-ffcc66: #ffcc66;
Tailwind
orange-300
Export
:root {
--web-safe-#ffcc66-1: #ffcc66;
}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.