Watermelon Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Watermelon (#FD4659), each snapped to its nearest named color.
#FD4659
#58F898
#44BBFF
#FE0215
#98F6B0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Watermelon | #FD4659 | 253, 70, 89 | 354°, 98%, 63% | 0, 72, 65, 1 | |
| Thallium Flame | #58F898 | 88, 248, 152 | 144°, 92%, 66% | 65, 0, 39, 3 | |
| Glitter Lake | #44BBFF | 68, 187, 255 | 202°, 100%, 63% | 73, 27, 0, 0 | |
| Virtual Boy | #FE0215 | 254, 2, 21 | 355°, 99%, 50% | 0, 99, 92, 0 | |
| Tenacious Tentacles | #98F6B0 | 152, 246, 176 | 135°, 84%, 78% | 38, 0, 28, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FE0215 on #98F6B0 | 3.08:1 | AA large |
| Aa #58F898 on #FE0215 | 2.92:1 | — |
| Aa #FD4659 on #98F6B0 | 2.61:1 | — |
| Aa #FD4659 on #58F898 | 2.47:1 | — |
| Aa #44BBFF on #FE0215 | 1.87:1 | — |
| Aa #44BBFF on #98F6B0 | 1.65:1 | — |
CSS variables
:root {
--color-1: #fd4659; /* Watermelon */
--color-2: #58f898; /* Thallium Flame */
--color-3: #44bbff; /* Glitter Lake */
--color-4: #fe0215; /* Virtual Boy */
--color-5: #98f6b0; /* Tenacious Tentacles */
}Other schemes from Watermelon
- Watermelon Complementary Color Scheme#FD4659#FFA2AA#55FFEE#00EEDD#AAFFEE
- Watermelon Analogous Color Scheme#FF44FF#FE46A5#FD4659#FD8D49#FFEC47
- Watermelon Triadic Color Scheme#FD4659#55FF55#4455FF#FFAABB#1BFC06
- Watermelon Tetradic Color Scheme#FD4659#A6FD44#55FFEE#8844FF#FFAABB
- Watermelon Monochromatic Color Scheme#AA0011#FE0215#FD4659#FC8F9B#FFDEE2
More Light Red split-complementary palettes
- Amour Split-complementary Color Scheme#EE5851#53FCA1#4F8FE6#DD180E#96FBC4
- Angry Flamingo Split-complementary Color Scheme#F04E45#53FCA1#4488EE#DD180E#96FBC4
- Anime Blush Split-complementary Color Scheme#FF7A83#7EFBB3#77CCFF#FF3333#CCFFDD
- Aphrodisiac Split-complementary Color Scheme#E35A63#58F898#5DADEC#D3212D#99EEBB
- Babe Split-complementary Color Scheme#DC7B7C#7BD9AD#7DABD8#D13B40#B2EED3
- Begonia Split-complementary Color Scheme#FA6E79#76FDA8#74BBFB#FF2233#B8F8D8
- Berrylicious Split-complementary Color Scheme#D75E6C#5CCD97#57A9D4#B52F3A#99E6B3
- Bite My Tongue Split-complementary Color Scheme#D47D72#78D1B1#6E99D1#BC4D39#B2E4D0
- Blood Burst Split-complementary Color Scheme#FF474C#58F898#46ADF9#F60206#96FBC4
- Blush Bomb Split-complementary Color Scheme#DD99AA#99DEAD#95CDD8#C7607B#D1F0DD
- Blush Hour Split-complementary Color Scheme#FF6F91#7BE892#76D6FF#FF2255#BDFFCA
- Boho Blush Split-complementary Color Scheme#E58787#8BE0BA#83BCE5#D3494E#D1F1DE
Questions
What colors go with Watermelon?
In a split-complementary scheme: Thallium Flame (#58F898), Glitter Lake (#44BBFF), Virtual Boy (#FE0215), Tenacious Tentacles (#98F6B0).
What is the hex code of Watermelon?
#FD4659.