Infectious Love Complementary Color Scheme
Five colors arranged by the complementary rule around Infectious Love (#BB1177), each snapped to its nearest named color.
#BB1177
#E936A7
#11BB55
#117733
#58F898
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Infectious Love | #BB1177 | 187, 17, 119 | 324°, 83%, 40% | 0, 91, 36, 27 | |
| Pink Bite | #E936A7 | 233, 54, 167 | 322°, 80%, 56% | 0, 77, 28, 9 | |
| Intoxicate | #11BB55 | 17, 187, 85 | 144°, 83%, 40% | 91, 0, 55, 27 | |
| Nature’s Strength | #117733 | 17, 119, 51 | 140°, 75%, 27% | 86, 0, 57, 53 | |
| Thallium Flame | #58F898 | 88, 248, 152 | 144°, 92%, 66% | 65, 0, 39, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BB1177 on #58F898 | 4.42:1 | AA large |
| Aa #117733 on #58F898 | 4.12:1 | AA large |
| Aa #E936A7 on #58F898 | 2.76:1 | — |
| Aa #BB1177 on #11BB55 | 2.39:1 | — |
| Aa #11BB55 on #117733 | 2.23:1 | — |
| Aa #11BB55 on #58F898 | 1.85:1 | — |
CSS variables
:root {
--color-1: #bb1177; /* Infectious Love */
--color-2: #e936a7; /* Pink Bite */
--color-3: #11bb55; /* Intoxicate */
--color-4: #117733; /* Nature’s Strength */
--color-5: #58f898; /* Thallium Flame */
}Other schemes from Infectious Love
- Infectious Love Analogous Color Scheme#5500BB#AC1DB8#BB1177#BB1122#BB5511
- Infectious Love Triadic Color Scheme#BB1177#75BF0A#0777BC#F246A7#4D6D08
- Infectious Love Split-complementary Color Scheme#BB1177#22BB11#13BBAF#77074D#55FF33
- Infectious Love Tetradic Color Scheme#BB1177#BDAD13#11BB55#0022BB#F246A7
- Infectious Love Monochromatic Color Scheme#300018#77074D#BB1177#F42C93#FF77BB
More Dark Pink complementary palettes
- 8 Bit Eggplant Complementary Color Scheme#990066#F400A1#009933#0A481E#00FF55
- Aristocratic Velvet Complementary Color Scheme#980B4A#EE1177#009B54#014E2E#12E193
- Aztec Warrior Complementary Color Scheme#BB0066#FF1493#00BB55#006C2E#20F986
- Bane of Royalty Complementary Color Scheme#871466#DD22AA#059033#0A481E#31D652
- Beet Red Complementary Color Scheme#7E203F#CC3366#2E7B52#17462E#33CC99
- Berry Complementary Color Scheme#990F4B#EE1177#00955E#005437#2AF589
- Bindi Red Complementary Color Scheme#B0003C#FF1155#00A877#006442#11FFBB
- Bordeaux Complementary Color Scheme#7B002C#D9004C#007755#0D2E1C#12E193
- Botticelli Complementary Color Scheme#B70272#FF1CAE#00BB44#006C2E#33EE66
- Bruise Complementary Color Scheme#7E4071#B26BA2#437B48#224634#6EB478
- Castro Complementary Color Scheme#44232F#83455D#234537#0F1012#4B856C
- Cranberry Complementary Color Scheme#9E003A#FA005C#009E60#005437#05FFA6
Questions
What colors go with Infectious Love?
In a complementary scheme: Pink Bite (#E936A7), Intoxicate (#11BB55), Nature’s Strength (#117733), Thallium Flame (#58F898).
What is the hex code of Infectious Love?
#BB1177.