Benevolent Pink Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Benevolent Pink (#DD1188), each snapped to its nearest named color.
#DD1188
#22DD00
#00DDCC
#9D0759
#4EFD54
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Benevolent Pink | #DD1188 | 221, 17, 136 | 325°, 86%, 47% | 0, 92, 38, 13 | |
| Green Blob | #22DD00 | 34, 221, 0 | 111°, 100%, 43% | 85, 0, 100, 13 | |
| Mint Morning | #00DDCC | 0, 221, 204 | 175°, 100%, 43% | 100, 0, 8, 13 | |
| Obscure Orchid | #9D0759 | 157, 7, 89 | 327°, 91%, 32% | 0, 96, 43, 38 | |
| Goblin Warboss | #4EFD54 | 78, 253, 84 | 122°, 98%, 65% | 69, 0, 67, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9D0759 on #4EFD54 | 5.94:1 | AA |
| Aa #00DDCC on #9D0759 | 4.68:1 | AA |
| Aa #22DD00 on #9D0759 | 4.37:1 | AA large |
| Aa #DD1188 on #4EFD54 | 3.44:1 | AA large |
| Aa #DD1188 on #00DDCC | 2.71:1 | — |
| Aa #DD1188 on #22DD00 | 2.53:1 | — |
CSS variables
:root {
--color-1: #dd1188; /* Benevolent Pink */
--color-2: #22dd00; /* Green Blob */
--color-3: #00ddcc; /* Mint Morning */
--color-4: #9d0759; /* Obscure Orchid */
--color-5: #4efd54; /* Goblin Warboss */
}Other schemes from Benevolent Pink
- Benevolent Pink Complementary Color Scheme#DD1188#FF55AA#11DD66#119944#64E986
- Benevolent Pink Analogous Color Scheme#7711DD#DD11DD#DD1188#DD1122#DD6611
- Benevolent Pink Triadic Color Scheme#DD1188#88DD11#0088DC#EE66BB#5C8B15
- Benevolent Pink Tetradic Color Scheme#DD1188#DDCC11#11DD66#0022DD#EE66BB
- Benevolent Pink Monochromatic Color Scheme#4C022F#9D0759#DD1188#F246A7#FF88CC
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
- Bermuda Onion Split-complementary Color Scheme#9D5A8F#6A9D5D#599C89#673B66#99BB88
- Berries Galore Split-complementary Color Scheme#AB7CB4#A2B37A#7CB68E#8B4F90#C6CFAD
Questions
What colors go with Benevolent Pink?
In a split-complementary scheme: Green Blob (#22DD00), Mint Morning (#00DDCC), Obscure Orchid (#9D0759), Goblin Warboss (#4EFD54).
What is the hex code of Benevolent Pink?
#DD1188.