Pink Panther Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Pink Panther (#FF0090), each snapped to its nearest named color.
#FF0090
#11FF00
#00FFEF
#BB0066
#55FF55
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Pink Panther | #FF0090 | 255, 0, 144 | 326°, 100%, 50% | 0, 100, 44, 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 #FF0090 on #00FFEF | 2.93:1 | — |
| Aa #FF0090 on #55FF55 | 2.80:1 | — |
| Aa #FF0090 on #11FF00 | 2.71:1 | — |
CSS variables
:root {
--color-1: #ff0090; /* Pink Panther */
--color-2: #11ff00; /* Phosphorescent Green */
--color-3: #00ffef; /* Turquoise Blue */
--color-4: #bb0066; /* Aztec Warrior */
--color-5: #55ff55; /* Puyo Blob Green */
}Other schemes from Pink Panther
- Pink Panther Complementary Color Scheme#FF0090#FF55AA#00FF77#01B44C#6BFFB3
- Pink Panther Analogous Color Scheme#6F00FE#EE00FF#FF0090#FF0011#FF6F01
- Pink Panther Triadic Color Scheme#FF0090#95FF00#0096FF#FF66BB#6CB506
- Pink Panther Tetradic Color Scheme#FF0090#FFEF00#00FF77#0011FF#FF66BB
- Pink Panther Monochromatic Color Scheme#66023C#BB0066#FF0090#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 Pink Panther?
In a split-complementary scheme: Phosphorescent Green (#11FF00), Turquoise Blue (#00FFEF), Aztec Warrior (#BB0066), Puyo Blob Green (#55FF55).
What is the hex code of Pink Panther?
#FF0090.