#370617
#9D0208
#E85D04
#FAA307
#FAA307 · Orange
Click to copy#FAA307 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 71°. Orange suggests warmth, friendliness and optimism; it feels approachable and playful, which makes #FAA307 a natural choice for buttons, food packaging, kids and outdoor brands. It appears in 2 ColorSwoop palettes.
Color codes click to copy
HEX
#FAA307RGB
rgb(250, 163, 7)HSL
hsl(39, 96%, 50%)CMYK
0, 35, 97, 2CSS var
--orangeContrast
2.04:1 white · 10.31:1 blackSimilar named colors
How to use #FAA307
Black text passes WCAG AA on #FAA307 (10.31:1); white text does not (2.04:1).
For a calm scheme pair #FAA307 with its analogous neighbors #FA2A05 and #D5FA05; for contrast use its complement #055BFA as a small accent, and anchor everything with a neutral such as #F5F5F7.
--orange: #FAA307;
$orange: #FAA307;
colors: { 'orange': '#FAA307' }