Hot Pink Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Hot Pink (#FF028D), each snapped to its nearest named color.
#FF028D
#11FF00
#00FFEF
#BB0066
#55FF55
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Hot Pink | #FF028D | 255, 2, 141 | 327°, 100%, 50% | 0, 99, 45, 0 | |
| Phosphorescent Green | #11FF00 | 17, 255, 0 | 116°, 100%, 50% | 93, 0, 100, 0 | |
| Turquoise Blue | #00FFEF | 0, 255, 239 | 176°, 100%, 50% | 100, 0, 6, 0 | |
| Aztec Warrior | #BB0066 | 187, 0, 102 | 327°, 100%, 37% | 0, 100, 45, 27 | |
| Puyo Blob Green | #55FF55 | 85, 255, 85 | 120°, 100%, 67% | 67, 0, 67, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #00FFEF on #BB0066 | 5.01:1 | AA |
| Aa #BB0066 on #55FF55 | 4.79:1 | AA |
| Aa #11FF00 on #BB0066 | 4.64:1 | AA |
| Aa #FF028D on #00FFEF | 2.93:1 | — |
| Aa #FF028D on #55FF55 | 2.80:1 | — |
| Aa #FF028D on #11FF00 | 2.72:1 | — |
CSS variables
:root {
--color-1: #ff028d; /* Hot Pink */
--color-2: #11ff00; /* Phosphorescent Green */
--color-3: #00ffef; /* Turquoise Blue */
--color-4: #bb0066; /* Aztec Warrior */
--color-5: #55ff55; /* Puyo Blob Green */
}Other schemes from Hot Pink
- Hot Pink Complementary Color Scheme#FF028D#FF55AA#00FF77#01B44C#6BFFB3
- Hot Pink Analogous Color Scheme#6F00FE#EE00FF#FF028D#FF000D#FF7300
- Hot Pink Triadic Color Scheme#FF028D#88FF00#0088FF#FF66BB#66BB00
- Hot Pink Tetradic Color Scheme#FF028D#FFF200#00FF77#0011FF#FF66BB
- Hot Pink Monochromatic Color Scheme#66023C#BB0066#FF028D#FF55AA#FF99CC
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 Pink?
In a split-complementary scheme: Phosphorescent Green (#11FF00), Turquoise Blue (#00FFEF), Aztec Warrior (#BB0066), Puyo Blob Green (#55FF55).
What is the hex code of Hot Pink?
#FF028D.