#5C2A1E
#B0492B
#F0A868
#FFF1DC
#F0A868 · Cantaloupe
Click to copy#F0A868 is a medium, highly saturated orange color, closest to Cantaloupe and near Cantaloupe and Warm Sand. In OKLCH it has 79% lightness and 0.12 chroma at hue 61°. Orange suggests warmth, friendliness and optimism; it feels approachable and playful, which makes #F0A868 a natural choice for buttons, food packaging, kids and outdoor brands. It appears in 1 ColorSwoop palette.
Color codes click to copy
HEX
#F0A868RGB
rgb(240, 168, 104)HSL
hsl(28, 82%, 67%)CMYK
0, 30, 57, 6CSS var
--cantaloupeContrast
2:1 white · 10.51:1 blackSimilar named colors
How to use #F0A868
Black text passes WCAG AA on #F0A868 (10.51:1); white text does not (2:1).
For a calm scheme pair #F0A868 with its analogous neighbors #F0666A and #F0EB66; for contrast use its complement #66AFF0 as a small accent, and anchor everything with a neutral such as #1F1F24.
--cantaloupe: #F0A868;
$cantaloupe: #F0A868;
colors: { 'cantaloupe': '#F0A868' }