Watermelon Sorbet
Pink flesh, pale rind and green skin.
Color codes
| HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|
| hsl(358, 100%, 67%) | cmyk(0%, 65%, 63%, 0%) | |||
| hsl(23, 100%, 65%) | cmyk(0%, 43%, 70%, 0%) | |||
| hsl(41, 91%, 91%) | cmyk(0%, 5%, 16%, 1%) | |||
| hsl(83, 68%, 47%) | cmyk(31%, 0%, 81%, 21%) | |||
| hsl(137, 55%, 37%) | cmyk(71%, 0%, 51%, 42%) |
CSS
:root {
--watermelon-sorbet-1: #FF595E;
--watermelon-sorbet-2: #FF924C;
--watermelon-sorbet-3: #FDF0D5;
--watermelon-sorbet-4: #8AC926;
--watermelon-sorbet-5: #2B9348;
}How these colors work together
Its hues are spread widely around the wheel, giving a balanced, varied scheme. Overall it reads warm. Lightness spans 54 points, which sets how much contrast you can create.
0 of 10 color pairs reach the 4.5:1 contrast needed for normal text. The most readable pair is #FDF0D5 on #2B9348 (3.46:1).
Watermelon Sorbet — readable text using the best pair.
Suggested applications
- Seasonal campaigns, travel and food brands.
- Interface themes: use the lightest color for backgrounds and the darkest for text.
- Brand kits, social graphics and presentations.
Frequently asked questions
How do I use the Watermelon Sorbet palette?
The Watermelon Sorbet palette has 5 colors. Use one dominant color for large areas, a supporting color for secondary elements and the most saturated color sparingly as an accent.
Which colors in this palette are best for text?
Use #FDF0D5 on #2B9348: it has a contrast ratio of 3.46:1.
Can I download this palette?
Yes. Export it as PNG, SVG, CSS variables, JSON or plain text with the buttons above the color table.
More palettes
Beach Day#FFD166 #F4A261 #2A9D8F #E9F5DB #264653Tropical Leaves#004B23 #007200 #38B000 #9EF01A #FFBE0BCitrus Splash#F9C80E #F86624 #EA3546 #662E9B #43BCCDEmerald Estate#0B2B26 #13463D #1F6F5C #C9A227 #F3EAD3Frost#F0F8FF #D6E6F2 #A9C6DE #5B84B1 #1C3D5ARunway Neutrals#F2EDE4 #D8C8B0 #A68A64 #5E4B3C #1F1A17