#FFA500 · Orange
Click to copy#FFA500 is a medium, highly saturated orange color, closest to Orange and near Cantaloupe and Marigold. In OKLCH it has 79% lightness and 0.17 chroma at hue 71°. Orange suggests warmth, friendliness and optimism; it feels approachable and playful, which makes #FFA500 a natural choice for buttons, food packaging, kids and outdoor brands.
Color codes click to copy
HEX
#FFA500RGB
rgb(255, 165, 0)HSL
hsl(39, 100%, 50%)CMYK
0, 35, 100, 0CSS var
--orangeContrast
1.97:1 white · 10.63:1 blackSimilar named colors
How to use #FFA500
Black text passes WCAG AA on #FFA500 (10.63:1); white text does not (1.97:1).
For a calm scheme pair #FFA500 with its analogous neighbors #FF2600 and #D9FF00; for contrast use its complement #0059FF as a small accent, and anchor everything with a neutral such as #F5F5F7.
--orange: #FFA500;
$orange: #FFA500;
colors: { 'orange': '#FFA500' }