#F4A259 · near Cantaloupe

#F4A259 (RGB 244, 162, 89) is a medium, moderately saturated orange, closest to Cantaloupe and near Marigold and Orange. 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. In OKLCH it has 78% lightness and 0.13 chroma at hue 61°.

Color codes click to copy

HEX#F4A259

RGBrgb(244, 162, 89)

HSLhsl(28, 88%, 65%)

CMYK0, 34, 64, 4

CSS var--cantaloupe

Contrast2.07:1 white · 10.16:1 black

Similar named colors

Cantaloupe #FFA62FMarigold #EAA221Orange #FFA500Carrot #ED9121Honey #EB9605

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.

CSSSCSSTailwind

--cantaloupe: #F4A259;

Copy code

Color card

Shades & tints

#312012#624124#926135#C38247#F4A259#F6B57A#F8C79B#FBDABD#FDECDE

Color harmonies for #F4A259

Complementary

#F4A259#57ABF4

Analogous

#F4A259#F4575C#F4EF57

Triadic

#F4A259#57F4A1#A157F4

Split complementary

#F4A259#57F4EF#575CF4

Tetradic

#F4A259#5CF457#57ABF4#EF57F4