#F37A48 · Mandarin
Click to copy#F37A48 is a medium, highly saturated orange color, closest to Mandarin and near Coral and Pumpkin. In OKLCH it has 71% lightness and 0.16 chroma at hue 42°. Orange suggests warmth, friendliness and optimism; it feels approachable and playful, which makes #F37A48 a natural choice for buttons, food packaging, kids and outdoor brands.
Color codes click to copy
HEX
#F37A48RGB
rgb(243, 122, 72)HSL
hsl(18, 88%, 62%)CMYK
0, 50, 70, 5CSS var
--mandarinContrast
2.73:1 white · 7.69:1 blackSimilar named colors
How to use #F37A48
Black text passes WCAG AA on #F37A48 (7.69:1); white text does not (2.73:1).
For a calm scheme pair #F37A48 with its analogous neighbors #F3496B and #F3D149; for contrast use its complement #49C0F3 as a small accent, and anchor everything with a neutral such as #1F1F24.
--mandarin: #F37A48;
$mandarin: #F37A48;
colors: { 'mandarin': '#F37A48' }