Extra Fuchsia Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Extra Fuchsia (#EF347C), each snapped to its nearest named color.
#EF347C
#2DFE54
#22DDEE
#CC1155
#7BE892
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Extra Fuchsia | #EF347C | 239, 52, 124 | 337°, 85%, 57% | 0, 78, 48, 6 | |
| 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 | |
| Love Juice | #CC1155 | 204, 17, 85 | 338°, 85%, 43% | 0, 92, 58, 20 | |
| Ragweed | #7BE892 | 123, 232, 146 | 133°, 70%, 70% | 47, 0, 37, 9 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #2DFE54 on #CC1155 | 4.08:1 | AA large |
| Aa #CC1155 on #7BE892 | 3.65:1 | AA large |
| Aa #22DDEE on #CC1155 | 3.35:1 | AA large |
| Aa #EF347C on #2DFE54 | 2.83:1 | — |
| Aa #EF347C on #7BE892 | 2.53:1 | — |
| Aa #EF347C on #22DDEE | 2.32:1 | — |
CSS variables
:root {
--color-1: #ef347c; /* Extra Fuchsia */
--color-2: #2dfe54; /* Bright Light Green */
--color-3: #22ddee; /* Cold Heights */
--color-4: #cc1155; /* Love Juice */
--color-5: #7be892; /* Ragweed */
}Other schemes from Extra Fuchsia
- Extra Fuchsia Complementary Color Scheme#EF347C#F485AC#2EE8BB#19CC89#96FBC4
- Extra Fuchsia Analogous Color Scheme#AA33EE#E03FD8#EF347C#EE4433#EEAA33
- Extra Fuchsia Triadic Color Scheme#EF347C#7FF23E#3D7AFD#F29CB7#55CC11
- Extra Fuchsia Tetradic Color Scheme#EF347C#D5F534#2EE8BB#4433EE#F29CB7
- Extra Fuchsia Monochromatic Color Scheme#820E3B#CC1155#EF347C#FC7AB0#F7C3DA
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 Extra Fuchsia?
In a split-complementary scheme: Bright Light Green (#2DFE54), Cold Heights (#22DDEE), Love Juice (#CC1155), Ragweed (#7BE892).
What is the hex code of Extra Fuchsia?
#EF347C.