Preview
#ffaa00
HEX
#ffaa00
RGB
rgb(255, 170, 0)
RGBA
rgba(255, 170, 0, 1)
HSL
hsl(40, 100%, 50%)
HSV
hsv(40, 100%, 100%)
LAB
lab(76.08% 21.33 79.7)
LCH
lch(76.08% 82.5 75.02)
OKLAB
oklab(0.8016 0.0491 0.1633)
OKLCH
oklch(0.8016 0.1705 73.27)
XYZ
xyz(55.62, 50.01, 6.72)
CMYK
cmyk(0%, 33%, 100%, 0%)
CSS
color: #ffaa00;
CSS variable
--color-ffaa00: #ffaa00;
SCSS
$color-ffaa00: #ffaa00;
Tailwind
orange-500
Export
:root {
--#ffaa00-1: #ffaa00;
}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.