#2D4059
#EA5455
#F07B3F
#FFD460
#F07B3F · Mandarin
Click to copy#F07B3F is a medium, highly saturated orange color, closest to Mandarin and near Mandarin and Pumpkin. In OKLCH it has 71% lightness and 0.16 chroma at hue 46°. Orange suggests warmth, friendliness and optimism; it feels approachable and playful, which makes #F07B3F a natural choice for buttons, food packaging, kids and outdoor brands. It appears in 3 ColorSwoop palettes.
Color codes click to copy
HEX
#F07B3FRGB
rgb(240, 123, 63)HSL
hsl(20, 86%, 59%)CMYK
0, 49, 74, 6CSS var
--mandarinContrast
2.76:1 white · 7.61:1 blackSimilar named colors
How to use #F07B3F
Black text passes WCAG AA on #F07B3F (7.61:1); white text does not (2.76:1).
For a calm scheme pair #F07B3F with its analogous neighbors #F03D5B and #F0D23D; for contrast use its complement #3DB4F0 as a small accent, and anchor everything with a neutral such as #1F1F24.
--mandarin: #F07B3F;
$mandarin: #F07B3F;
colors: { 'mandarin': '#F07B3F' }