#2A9D8F
#8AB17D
#E9C46A
#F4A261
#F4A261 · Cantaloupe
Click to copy#F4A261 is a medium, highly saturated orange color, closest to Cantaloupe and near Cantaloupe and Marigold. In OKLCH it has 78% lightness and 0.13 chroma at hue 58°. Orange suggests warmth, friendliness and optimism; it feels approachable and playful, which makes #F4A261 a natural choice for buttons, food packaging, kids and outdoor brands. It appears in 8 ColorSwoop palettes.
Color codes click to copy
HEX
#F4A261RGB
rgb(244, 162, 97)HSL
hsl(27, 87%, 67%)CMYK
0, 34, 60, 4CSS var
--cantaloupeContrast
2.06:1 white · 10.19:1 blackSimilar named colors
How to use #F4A261
Black text passes WCAG AA on #F4A261 (10.19:1); white text does not (2.06:1).
For a calm scheme pair #F4A261 with its analogous neighbors #F46269 and #F4ED62; for contrast use its complement #62B2F4 as a small accent, and anchor everything with a neutral such as #1F1F24.
--cantaloupe: #F4A261;
$cantaloupe: #F4A261;
colors: { 'cantaloupe': '#F4A261' }