Mauve It Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Mauve It (#BB4466), each snapped to its nearest named color.
#BB4466
#41B45C
#41A0B4
#80304C
#77CC88
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mauve It | #BB4466 | 187, 68, 102 | 343°, 47%, 50% | 0, 64, 45, 27 | |
| Artificial Turf | #41B45C | 65, 180, 92 | 134°, 47%, 48% | 64, 0, 49, 29 | |
| Aquatic Cool | #41A0B4 | 65, 160, 180 | 190°, 47%, 48% | 64, 11, 0, 29 | |
| Beaujolais | #80304C | 128, 48, 76 | 339°, 45%, 35% | 0, 63, 41, 50 | |
| Serengeti Green | #77CC88 | 119, 204, 136 | 132°, 45%, 63% | 42, 0, 33, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #80304C on #77CC88 | 4.41:1 | AA large |
| Aa #41B45C on #80304C | 3.23:1 | AA large |
| Aa #41A0B4 on #80304C | 2.83:1 | — |
| Aa #BB4466 on #77CC88 | 2.61:1 | — |
| Aa #BB4466 on #41B45C | 1.91:1 | — |
| Aa #BB4466 on #80304C | 1.69:1 | — |
CSS variables
:root {
--color-1: #bb4466; /* Mauve It */
--color-2: #41b45c; /* Artificial Turf */
--color-3: #41a0b4; /* Aquatic Cool */
--color-4: #80304c; /* Beaujolais */
--color-5: #77cc88; /* Serengeti Green */
}Other schemes from Mauve It
- Mauve It Complementary Color Scheme#BB4466#D5869D#42B395#35836A#93D8C2
- Mauve It Analogous Color Scheme#9F4CB7#BB44AA#BB4466#B75E41#B69642
- Mauve It Triadic Color Scheme#BB4466#66B348#4C6CB3#D28CA7#448833
- Mauve It Tetradic Color Scheme#BB4466#A1B841#42B395#5946B2#D28CA7
- Mauve It Monochromatic Color Scheme#4C1C24#80304C#BB4466#CB7D96#E4B6C4
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 Mauve It?
In a split-complementary scheme: Artificial Turf (#41B45C), Aquatic Cool (#41A0B4), Beaujolais (#80304C), Serengeti Green (#77CC88).
What is the hex code of Mauve It?
#BB4466.