#D62828
#F77F00
#FCBF49
#EAE2B7
#F77F00 · Tangerine
Click to copy#F77F00 is a medium, highly saturated orange color, closest to Tangerine and near Tangerine and Pumpkin. In OKLCH it has 72% lightness and 0.18 chroma at hue 54°. Orange suggests warmth, friendliness and optimism; it feels approachable and playful, which makes #F77F00 a natural choice for buttons, food packaging, kids and outdoor brands. It appears in 3 ColorSwoop palettes.
Color codes click to copy
HEX
#F77F00RGB
rgb(247, 127, 0)HSL
hsl(31, 100%, 48%)CMYK
0, 49, 100, 3CSS var
--tangerineContrast
2.63:1 white · 7.99:1 blackSimilar named colors
How to use #F77F00
Black text passes WCAG AA on #F77F00 (7.99:1); white text does not (2.63:1).
For a calm scheme pair #F77F00 with its analogous neighbors #F50400 and #F1F500; for contrast use its complement #0076F5 as a small accent, and anchor everything with a neutral such as #F5F5F7.
--tangerine: #F77F00;
$tangerine: #F77F00;
colors: { 'tangerine': '#F77F00' }