#F4A259
#F4E285
#8CB369
#5B8E7D
#F4A259 · Cantaloupe
Click to copy#F4A259 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 61°. Orange suggests warmth, friendliness and optimism; it feels approachable and playful, which makes #F4A259 a natural choice for buttons, food packaging, kids and outdoor brands. It appears in 3 ColorSwoop palettes.
Color codes click to copy
HEX
#F4A259RGB
rgb(244, 162, 89)HSL
hsl(28, 88%, 65%)CMYK
0, 34, 64, 4CSS var
--cantaloupeContrast
2.07:1 white · 10.16:1 blackSimilar named colors
How to use #F4A259
Black text passes WCAG AA on #F4A259 (10.16:1); white text does not (2.07:1).
For a calm scheme pair #F4A259 with its analogous neighbors #F4575C and #F4EF57; for contrast use its complement #57ABF4 as a small accent, and anchor everything with a neutral such as #1F1F24.
--cantaloupe: #F4A259;
$cantaloupe: #F4A259;
colors: { 'cantaloupe': '#F4A259' }