#240046
#6021A1
#9D4EDD
#FF9E00
#FF9E00 · Orange
Click to copy#FF9E00 is a medium, highly saturated orange color, closest to Orange and near Orange and Cantaloupe. In OKLCH it has 78% lightness and 0.17 chroma at hue 67°. Orange suggests warmth, friendliness and optimism; it feels approachable and playful, which makes #FF9E00 a natural choice for buttons, food packaging, kids and outdoor brands. It appears in 4 ColorSwoop palettes.
Color codes click to copy
HEX
#FF9E00RGB
rgb(255, 158, 0)HSL
hsl(37, 100%, 50%)CMYK
0, 38, 100, 0CSS var
--orangeContrast
2.07:1 white · 10.14:1 blackSimilar named colors
How to use #FF9E00
Black text passes WCAG AA on #FF9E00 (10.14:1); white text does not (2.07:1).
For a calm scheme pair #FF9E00 with its analogous neighbors #FF1E00 and #E1FF00; for contrast use its complement #0062FF as a small accent, and anchor everything with a neutral such as #F5F5F7.
--orange: #FF9E00;
$orange: #FF9E00;
colors: { 'orange': '#FF9E00' }