Preview
#ff9900
Family: Orange
Accessibility on this swatch:
Contrast vs white: 2.14:1 · vs black: 9.81:1
HEX
#ff9900
RGB
rgb(255, 153, 0)
RGBA
rgba(255, 153, 0, 1)
HSL
hsl(36, 100%, 50%)
HSV
hsv(36, 100%, 100%)
LAB
lab(72.26% 30.17 77.22)
LCH
lch(72.26% 82.9 68.66)
OKLAB
oklab(0.772 0.0747 0.157)
OKLCH
oklch(0.772 0.1739 64.56)
XYZ
xyz(52.64, 44.05, 5.73)
CMYK
cmyk(0%, 40%, 100%, 0%)
CSS
color: #ff9900;
CSS variable
--color-ff9900: #ff9900;
SCSS
$color-ff9900: #ff9900;
Tailwind
red-500
Export
:root {
--web-safe-#ff9900-1: #ff9900;
}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.