Major Magenta Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Major Magenta (#F246A7), each snapped to its nearest named color.
#F246A7
#4EFD54
#56F7F3
#DD1188
#90EE90
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Major Magenta | #F246A7 | 242, 70, 167 | 326°, 87%, 61% | 0, 71, 31, 5 | |
| Goblin Warboss | #4EFD54 | 78, 253, 84 | 122°, 98%, 65% | 69, 0, 67, 1 | |
| Paraiba | #56F7F3 | 86, 247, 243 | 179°, 91%, 65% | 65, 0, 2, 3 | |
| Benevolent Pink | #DD1188 | 221, 17, 136 | 325°, 86%, 47% | 0, 92, 38, 13 | |
| Ulva Lactuca Green | #90EE90 | 144, 238, 144 | 120°, 73%, 75% | 39, 0, 39, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #56F7F3 on #DD1188 | 3.55:1 | AA large |
| Aa #4EFD54 on #DD1188 | 3.44:1 | AA large |
| Aa #DD1188 on #90EE90 | 3.29:1 | AA large |
| Aa #F246A7 on #56F7F3 | 2.58:1 | — |
| Aa #F246A7 on #4EFD54 | 2.50:1 | — |
| Aa #F246A7 on #90EE90 | 2.39:1 | — |
CSS variables
:root {
--color-1: #f246a7; /* Major Magenta */
--color-2: #4efd54; /* Goblin Warboss */
--color-3: #56f7f3; /* Paraiba */
--color-4: #dd1188; /* Benevolent Pink */
--color-5: #90ee90; /* Ulva Lactuca Green */
}Other schemes from Major Magenta
- Major Magenta Complementary Color Scheme#F246A7#FF99CC#58F898#11DD66#AAFFCC
- Major Magenta Analogous Color Scheme#9944EE#E047E1#F246A7#EE4455#F08F48
- Major Magenta Triadic Color Scheme#F246A7#A6FD44#46ADF9#FFA6D9#88DD11
- Major Magenta Tetradic Color Scheme#F246A7#F1E346#58F898#4455EE#FFA6D9
- Major Magenta Monochromatic Color Scheme#9D0759#DD1188#F246A7#F887C7#FED5E9
More Light Pink split-complementary palettes
- Always Rosey Split-complementary Color Scheme#E79DB3#9BE5AA#9ED6E8#DC6080#D9F2E3
- Atomic Pink Split-complementary Color Scheme#FB7EFD#CCFD7F#7EFFBA#FF33FF#EEFFCC
- Avant-Garde Pink Split-complementary Color Scheme#FF77EE#A9F971#7BFDC7#FF2FEB#DDFFCC
- Barbiecore Split-complementary Color Scheme#E15ACB#80E45F#56FCA2#C920B0#BBEE99
- Blush d’Amour Split-complementary Color Scheme#DE5D83#44DD66#5DC2DB#C92351#99EEAA
- Blushing Sky Split-complementary Color Scheme#D9B1D6#C1D6B1#B1DAC6#CD7DB5#EAF1E4
- Bubblegum Split-complementary Color Scheme#FF85FF#C4FE82#88FFCC#FF33FF#EEFFCC
- Bubblegum Beam Split-complementary Color Scheme#F887C7#90EE90#88FFEE#E936A7#CCFFCC
- Bubblegum Kisses Split-complementary Color Scheme#F092D6#A3E493#9CE5D6#F246A7#DBF4D8
- Candy Floss Split-complementary Color Scheme#E8A7E2#C5E6A4#A8E8CB#DA70D6#EBF7E4
- Candy Pink Split-complementary Color Scheme#FF63E9#9AF764#7BFDC7#FF1DCE#C8FFB0
- Classy Mauve Split-complementary Color Scheme#BB99AA#99BD91#90BDBD#A06582#C5DCC6
Questions
What colors go with Major Magenta?
In a split-complementary scheme: Goblin Warboss (#4EFD54), Paraiba (#56F7F3), Benevolent Pink (#DD1188), Ulva Lactuca Green (#90EE90).
What is the hex code of Major Magenta?
#F246A7.