Vivid · curated
Melon Spray
Melon Spray is a curated tropical, loud, summery system designed to move from expressive brand color to dependable surface and text roles.
Color values
Melon Spray Primary · primary
HEX #FCE38A
RGB 252, 227, 138
HSL 47°, 95%, 76%
On white 1.27:1 · on black 16.49:1
Melon Spray Secondary · secondary
HEX #F38181
RGB 243, 129, 129
HSL 0°, 83%, 73%
On white 2.54:1 · on black 8.27:1
Melon Spray Accent · accent
HEX #EA5455
RGB 234, 84, 85
HSL 360°, 78%, 62%
On white 3.56:1 · on black 5.90:1
Melon Spray Background · background
HEX #FCE38A
RGB 252, 227, 138
HSL 47°, 95%, 76%
On white 1.27:1 · on black 16.49:1
Melon Spray Text · text
HEX #EA5455
RGB 234, 84, 85
HSL 360°, 78%, 62%
On white 3.56:1 · on black 5.90:1
Text contrast between these colors
WCAG 2.2 asks for 4.5:1 for body text (AA), 3:1 for large text, and 7:1 for AAA. Strongest pairs first.
Need to fix a failing pair? Run it through the accessibility checker or browse more palettes.