Dark Pink Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Dark Pink (#CB416B), each snapped to its nearest named color.
#CB416B
#58D854
#41B0D0
#9B2848
#7ED89A
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Dark Pink | #CB416B | 203, 65, 107 | 342°, 57%, 53% | 0, 68, 47, 20 | |
| Koopa Green Shell | #58D854 | 88, 216, 84 | 118°, 63%, 59% | 59, 0, 61, 15 | |
| Santorini | #41B0D0 | 65, 176, 208 | 193°, 60%, 54% | 69, 15, 0, 18 | |
| Vampirella | #9B2848 | 155, 40, 72 | 343°, 59%, 38% | 0, 74, 54, 39 | |
| Enchanted Emerald | #7ED89A | 126, 216, 154 | 139°, 54%, 67% | 42, 0, 29, 15 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9B2848 on #7ED89A | 4.36:1 | AA large |
| Aa #58D854 on #9B2848 | 4.07:1 | AA large |
| Aa #41B0D0 on #9B2848 | 2.99:1 | — |
| Aa #CB416B on #7ED89A | 2.70:1 | — |
| Aa #CB416B on #58D854 | 2.52:1 | — |
| Aa #CB416B on #41B0D0 | 1.85:1 | — |
CSS variables
:root {
--color-1: #cb416b; /* Dark Pink */
--color-2: #58d854; /* Koopa Green Shell */
--color-3: #41b0d0; /* Santorini */
--color-4: #9b2848; /* Vampirella */
--color-5: #7ed89a; /* Enchanted Emerald */
}Other schemes from Dark Pink
- Dark Pink Complementary Color Scheme#CB416B#DC89A8#45CEA2#319177#8FE0C6
- Dark Pink Analogous Color Scheme#A846D7#CD48A9#CB416B#C75D42#CAA444
- Dark Pink Triadic Color Scheme#CB416B#69D84F#446CCF#E093AB#479532
- Dark Pink Tetradic Color Scheme#CB416B#ADCF43#45CEA2#5A4FCF#E093AB
- Dark Pink Monochromatic Color Scheme#571E2F#9B2848#CB416B#DB7B97#EDB8C7
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 Dark Pink?
In a split-complementary scheme: Koopa Green Shell (#58D854), Santorini (#41B0D0), Vampirella (#9B2848), Enchanted Emerald (#7ED89A).
What is the hex code of Dark Pink?
#CB416B.