Melon Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Melon (#FF7855), each snapped to its nearest named color.
#FF7855
#55FFCC
#5588FF
#FD3C06
#AAFFEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Melon | #FF7855 | 255, 120, 85 | 12°, 100%, 67% | 0, 53, 67, 0 | 72.6% 0.173 36 | |
| Rare Wind | #55FFCC | 85, 255, 204 | 162°, 100%, 67% | 67, 0, 20, 0 | 90.0% 0.157 169 | |
| Skinny Jeans | #5588FF | 85, 136, 255 | 222°, 100%, 67% | 67, 47, 0, 0 | 65.1% 0.185 264 | |
| Fire Opal | #FD3C06 | 253, 60, 6 | 13°, 98%, 51% | 0, 76, 98, 1 | 64.9% 0.233 34 | |
| Blister Pearl | #AAFFEE | 170, 255, 238 | 168°, 100%, 83% | 33, 0, 7, 0 | 94.1% 0.086 180 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FD3C06 on #AAFFEE | 3.13:1 | AA large |
| Aa #5588FF on #AAFFEE | 2.87:1 | — |
| Aa #55FFCC on #FD3C06 | 2.84:1 | — |
| Aa #55FFCC on #5588FF | 2.61:1 | — |
| Aa #FF7855 on #AAFFEE | 2.26:1 | — |
| Aa #FF7855 on #55FFCC | 2.05:1 | — |
CSS variables
:root {
--color-1: #ff7855; /* Melon */
--color-2: #55ffcc; /* Rare Wind */
--color-3: #5588ff; /* Skinny Jeans */
--color-4: #fd3c06; /* Fire Opal */
--color-5: #aaffee; /* Blister Pearl */
}Other schemes from Melon
- Melon Complementary Color Scheme#FF7855#FFC4B2#55DDFF#04CDFF#B9F2FF
- Melon Analogous Color Scheme#FE4EDA#FB5581#FF7855#FFCC55#DDFF55
- Melon Triadic Color Scheme#FF7855#4CFF7B#7755FF#FFC7B9#00FF33
- Melon Tetradic Color Scheme#FF7855#9CEF43#55DDFF#CC55FF#FFC7B9
- Melon Monochromatic Color Scheme#BB2200#FD3C06#FF7855#FEB7A5#FFECE5
More light red split-complementary color schemes
- 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 Melon?
In a split-complementary scheme: Rare Wind (#55FFCC), Skinny Jeans (#5588FF), Fire Opal (#FD3C06), Blister Pearl (#AAFFEE).
What is the hex code of Melon?
#FF7855.