Mellow Melon Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Mellow Melon (#EE2266), each snapped to its nearest named color.
#EE2266
#2DFE54
#22DDEE
#BB1144
#64E986
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mellow Melon | #EE2266 | 238, 34, 102 | 340°, 86%, 53% | 0, 86, 57, 7 | |
| Bright Light Green | #2DFE54 | 45, 254, 84 | 131°, 99%, 59% | 82, 0, 67, 0 | |
| Cold Heights | #22DDEE | 34, 221, 238 | 185°, 86%, 53% | 86, 7, 0, 7 | |
| Rural Red | #BB1144 | 187, 17, 68 | 342°, 83%, 40% | 0, 91, 64, 27 | |
| Grotesque Green | #64E986 | 100, 233, 134 | 135°, 75%, 65% | 57, 0, 42, 9 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #2DFE54 on #BB1144 | 4.70:1 | AA |
| Aa #BB1144 on #64E986 | 4.13:1 | AA large |
| Aa #22DDEE on #BB1144 | 3.86:1 | AA large |
| Aa #EE2266 on #2DFE54 | 3.05:1 | AA large |
| Aa #EE2266 on #64E986 | 2.68:1 | — |
| Aa #EE2266 on #22DDEE | 2.50:1 | — |
CSS variables
:root {
--color-1: #ee2266; /* Mellow Melon */
--color-2: #2dfe54; /* Bright Light Green */
--color-3: #22ddee; /* Cold Heights */
--color-4: #bb1144; /* Rural Red */
--color-5: #64e986; /* Grotesque Green */
}Other schemes from Mellow Melon
- Mellow Melon Complementary Color Scheme#EE2266#FF77A8#2EE8BB#0CB577#84FBCE
- Mellow Melon Analogous Color Scheme#A020F0#EA27C2#EE2266#EE4422#EEAA22
- Mellow Melon Triadic Color Scheme#EE2266#68E52F#2B62F4#F485AC#4CBB17
- Mellow Melon Tetradic Color Scheme#EE2266#C9E423#2EE8BB#4422EE#F485AC
- Mellow Melon Monochromatic Color Scheme#670728#BB1144#EE2266#EE6699#FAAFC8
More Medium Pink split-complementary palettes
- Akari Red Split-complementary Color Scheme#C90B42#00CC33#14A3C7#800030#2DFE54
- Amor Split-complementary Color Scheme#EE3377#2DFE54#22DDEE#C30B4E#7BE892
- Amora Purple Split-complementary Color Scheme#BB22AA#55BB33#2BB179#751973#88DD55
- Anger Split-complementary Color Scheme#DD0055#0ADD08#00C5CD#8F003A#2DFE54
- Aphroditean Fuchsia Split-complementary Color Scheme#DD14AB#54D905#11DDAA#991177#70F15E
- Awkward Purple Split-complementary Color Scheme#D208CC#66CC00#06D078#880085#87FF2A
- Barbara Split-complementary Color Scheme#FF0FF3#7FFF00#00FA92#CC11BB#AAFF55
- Bat’s Blood Soup Split-complementary Color Scheme#EE3366#2DFE54#37C4FA#C01141#7BE892
- Beet Wave Split-complementary Color Scheme#D4265D#31D652#2DB0CE#871646#64EB65
- Beetroot Purple Split-complementary Color Scheme#D33376#31D652#22C1D5#972B51#64EB65
- Benevolent Pink Split-complementary Color Scheme#DD1188#22DD00#00DDCC#9D0759#4EFD54
- Bermuda Onion Split-complementary Color Scheme#9D5A8F#6A9D5D#599C89#673B66#99BB88
Questions
What colors go with Mellow Melon?
In a split-complementary scheme: Bright Light Green (#2DFE54), Cold Heights (#22DDEE), Rural Red (#BB1144), Grotesque Green (#64E986).
What is the hex code of Mellow Melon?
#EE2266.