Loudicious Pink Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Loudicious Pink (#D92FB4), each snapped to its nearest named color.
#D92FB4
#58D332
#38C6A1
#881188
#8DE07C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Loudicious Pink | #D92FB4 | 217, 47, 180 | 313°, 69%, 52% | 0, 78, 17, 15 | |
| Download Progress | #58D332 | 88, 211, 50 | 106°, 65%, 51% | 58, 0, 76, 17 | |
| Jadeite | #38C6A1 | 56, 198, 161 | 164°, 56%, 50% | 72, 0, 19, 22 | |
| Violaceous Greti | #881188 | 136, 17, 136 | 300°, 78%, 30% | 0, 88, 0, 47 | |
| Feralas Lime | #8DE07C | 141, 224, 124 | 110°, 62%, 68% | 37, 0, 45, 12 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #881188 on #8DE07C | 5.27:1 | AA |
| Aa #58D332 on #881188 | 4.34:1 | AA large |
| Aa #38C6A1 on #881188 | 3.93:1 | AA large |
| Aa #D92FB4 on #8DE07C | 2.61:1 | — |
| Aa #D92FB4 on #58D332 | 2.15:1 | — |
| Aa #D92FB4 on #881188 | 2.02:1 | — |
CSS variables
:root {
--color-1: #d92fb4; /* Loudicious Pink */
--color-2: #58d332; /* Download Progress */
--color-3: #38c6a1; /* Jadeite */
--color-4: #881188; /* Violaceous Greti */
--color-5: #8de07c; /* Feralas Lime */
}Other schemes from Loudicious Pink
- Loudicious Pink Complementary Color Scheme#D92FB4#E56CC0#31D652#009933#90EE90
- Loudicious Pink Analogous Color Scheme#5729CE#BE2BDF#D92FB4#D4265D#DD5533
- Loudicious Pink Triadic Color Scheme#D92FB4#B9DF31#34B5D5#EE88CC#889717
- Loudicious Pink Tetradic Color Scheme#D92FB4#DAA631#31D652#214FC6#EE88CC
- Loudicious Pink Monochromatic Color Scheme#5D1451#881188#D92FB4#E56CC0#F2ABE1
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 Loudicious Pink?
In a split-complementary scheme: Download Progress (#58D332), Jadeite (#38C6A1), Violaceous Greti (#881188), Feralas Lime (#8DE07C).
What is the hex code of Loudicious Pink?
#D92FB4.