#F8F1E9
#EAD9C7
#F07A5A
#4A3A33
#F07A5A · Mandarin
Click to copy#F07A5A is a medium, highly saturated orange color, closest to Mandarin and near Mandarin and Coral. In OKLCH it has 71% lightness and 0.15 chroma at hue 36°. Orange suggests warmth, friendliness and optimism; it feels approachable and playful, which makes #F07A5A a natural choice for buttons, food packaging, kids and outdoor brands. It appears in 1 ColorSwoop palette.
Color codes click to copy
HEX
#F07A5ARGB
rgb(240, 122, 90)HSL
hsl(13, 83%, 65%)CMYK
0, 49, 62, 6CSS var
--mandarinContrast
2.75:1 white · 7.64:1 blackSimilar named colors
How to use #F07A5A
Black text passes WCAG AA on #F07A5A (7.64:1); white text does not (2.75:1).
For a calm scheme pair #F07A5A with its analogous neighbors #F05C86 and #F0C65C; for contrast use its complement #5CD0F0 as a small accent, and anchor everything with a neutral such as #1F1F24.
--mandarin: #F07A5A;
$mandarin: #F07A5A;
colors: { 'mandarin': '#F07A5A' }