Hot Magenta Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Hot Magenta (#FF00CC), each snapped to its nearest named color.
#FF00CC
#4AFF00
#00FBB0
#BB0088
#9CEF43
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hot Magenta | #FF00CC | 255, 0, 204 | 312°, 100%, 50% | 0, 100, 20, 0 | |
| Chlorophyll Green | #4AFF00 | 74, 255, 0 | 103°, 100%, 50% | 71, 0, 100, 0 | |
| Greenish Turquoise | #00FBB0 | 0, 251, 176 | 162°, 100%, 49% | 100, 0, 30, 2 | |
| Vibrant Velvet | #BB0088 | 187, 0, 136 | 316°, 100%, 37% | 0, 100, 27, 27 | |
| Kiwi Pulp | #9CEF43 | 156, 239, 67 | 89°, 84%, 60% | 35, 0, 72, 6 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4AFF00 on #BB0088 | 4.50:1 | AA large |
| Aa #00FBB0 on #BB0088 | 4.45:1 | AA large |
| Aa #BB0088 on #9CEF43 | 4.28:1 | AA large |
| Aa #FF00CC on #4AFF00 | 2.55:1 | — |
| Aa #FF00CC on #00FBB0 | 2.52:1 | — |
| Aa #FF00CC on #9CEF43 | 2.42:1 | — |
CSS variables
:root {
--color-1: #ff00cc; /* Hot Magenta */
--color-2: #4aff00; /* Chlorophyll Green */
--color-3: #00fbb0; /* Greenish Turquoise */
--color-4: #bb0088; /* Vibrant Velvet */
--color-5: #9cef43; /* Kiwi Pulp */
}Other schemes from Hot Magenta
- Hot Magenta Complementary Color Scheme#FF00CC#FE4EDA#00FF33#00BB22#64E986
- Hot Magenta Analogous Color Scheme#3F00FF#B300FF#FF00CC#FF004D#FF3300
- Hot Magenta Triadic Color Scheme#FF00CC#CCFF00#00CCFF#FF63E9#92B300
- Hot Magenta Tetradic Color Scheme#FF00CC#FFB300#00FF33#0050FF#FF63E9
- Hot Magenta Monochromatic Color Scheme#720058#BB0088#FF00CC#FE4EDA#FF99EE
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 Hot Magenta?
In a split-complementary scheme: Chlorophyll Green (#4AFF00), Greenish Turquoise (#00FBB0), Vibrant Velvet (#BB0088), Kiwi Pulp (#9CEF43).
What is the hex code of Hot Magenta?
#FF00CC.