#F94144
#F3722C
#F9C74F
#90BE6D
#F3722C · Mandarin
Click to copy#F3722C is a medium, highly saturated orange color, closest to Mandarin and near Mandarin and Pumpkin. In OKLCH it has 70% lightness and 0.18 chroma at hue 45°. Orange suggests warmth, friendliness and optimism; it feels approachable and playful, which makes #F3722C a natural choice for buttons, food packaging, kids and outdoor brands. It appears in 2 ColorSwoop palettes.
Color codes click to copy
HEX
#F3722CRGB
rgb(243, 114, 44)HSL
hsl(21, 89%, 56%)CMYK
0, 53, 82, 5CSS var
--mandarinContrast
2.89:1 white · 7.25:1 blackSimilar named colors
How to use #F3722C
Black text passes WCAG AA on #F3722C (7.25:1); white text does not (2.89:1).
For a calm scheme pair #F3722C with its analogous neighbors #F32B49 and #F3D52B; for contrast use its complement #2BADF3 as a small accent, and anchor everything with a neutral such as #1F1F24.
--mandarin: #F3722C;
$mandarin: #F3722C;
colors: { 'mandarin': '#F3722C' }