Melondrama Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Melondrama (#EE8170), each snapped to its nearest named color.
#EE8170
#7EF4CC
#6495ED
#E84A2E
#B8F8D8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Melondrama | #EE8170 | 238, 129, 112 | 8°, 79%, 69% | 0, 46, 53, 7 | |
| Light Turquoise | #7EF4CC | 126, 244, 204 | 160°, 84%, 73% | 48, 0, 16, 4 | |
| Guilliman Blue | #6495ED | 100, 149, 237 | 219°, 79%, 66% | 58, 37, 0, 7 | |
| Tomato Curry | #E84A2E | 232, 74, 46 | 9°, 80%, 55% | 0, 68, 80, 9 | |
| Seafair Green | #B8F8D8 | 184, 248, 216 | 150°, 82%, 85% | 26, 0, 13, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E84A2E on #B8F8D8 | 3.20:1 | AA large |
| Aa #7EF4CC on #E84A2E | 2.88:1 | — |
| Aa #6495ED on #B8F8D8 | 2.47:1 | — |
| Aa #7EF4CC on #6495ED | 2.22:1 | — |
| Aa #EE8170 on #B8F8D8 | 2.18:1 | — |
| Aa #EE8170 on #7EF4CC | 1.96:1 | — |
CSS variables
:root {
--color-1: #ee8170; /* Melondrama */
--color-2: #7ef4cc; /* Light Turquoise */
--color-3: #6495ed; /* Guilliman Blue */
--color-4: #e84a2e; /* Tomato Curry */
--color-5: #b8f8d8; /* Seafair Green */
}Other schemes from Melondrama
- Melondrama Complementary Color Scheme#EE8170#F7C8C2#6CDAE7#22DDEE#CBF4F8
- Melondrama Analogous Color Scheme#E760D2#EE7799#EE8170#EEC172#DAEA6F
- Melondrama Triadic Color Scheme#EE8170#64E986#8273FD#FACFCC#2DFE54
- Melondrama Tetradic Color Scheme#EE8170#9AF764#6CDAE7#CC77EE#FACFCC
- Melondrama Monochromatic Color Scheme#AD2C15#E84A2E#EE8170#F4BDB3#FCEAE6
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 Melondrama?
In a split-complementary scheme: Light Turquoise (#7EF4CC), Guilliman Blue (#6495ED), Tomato Curry (#E84A2E), Seafair Green (#B8F8D8).
What is the hex code of Melondrama?
#EE8170.