Piggy Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Piggy (#EF98AA), each snapped to its nearest named color.
#EF98AA
#99EEAA
#98D5EA
#EE5577
#DFFAE1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Piggy | #EF98AA | 239, 152, 170 | 348°, 73%, 77% | 0, 36, 29, 6 | |
| Mint Tonic | #99EEAA | 153, 238, 170 | 132°, 71%, 77% | 36, 0, 29, 7 | |
| Over the Sky | #98D5EA | 152, 213, 234 | 195°, 66%, 76% | 35, 9, 0, 8 | |
| Lick and Kiss | #EE5577 | 238, 85, 119 | 347°, 82%, 63% | 0, 64, 50, 7 | |
| Misty Lawn | #DFFAE1 | 223, 250, 225 | 124°, 73%, 93% | 11, 0, 10, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #EE5577 on #DFFAE1 | 3.05:1 | AA large |
| Aa #99EEAA on #EE5577 | 2.45:1 | — |
| Aa #98D5EA on #EE5577 | 2.10:1 | — |
| Aa #EF98AA on #DFFAE1 | 1.94:1 | — |
| Aa #EF98AA on #EE5577 | 1.57:1 | — |
| Aa #EF98AA on #99EEAA | 1.56:1 | — |
CSS variables
:root {
--color-1: #ef98aa; /* Piggy */
--color-2: #99eeaa; /* Mint Tonic */
--color-3: #98d5ea; /* Over the Sky */
--color-4: #ee5577; /* Lick and Kiss */
--color-5: #dffae1; /* Misty Lawn */
}Other schemes from Piggy
- Piggy Complementary Color Scheme#EF98AA#FBE5EA#9CE5D6#45E9C1#EBFCF5
- Piggy Analogous Color Scheme#D891EF#ED93D7#EF98AA#F0B599#EEDD99
- Piggy Triadic Color Scheme#EF98AA#BBEE99#9BA0EF#FFE9ED#70F15E
- Piggy Tetradic Color Scheme#EF98AA#D8F19C#9CE5D6#B195E4#FFE9ED
- Piggy Monochromatic Color Scheme#CC2244#EE5577#EF98AA#F8DAE1#FFE9ED
More Light Red split-complementary palettes
- Amour Split-complementary Color Scheme#EE5851#53FCA1#4F8FE6#DD180E#96FBC4
- Angry Flamingo Split-complementary Color Scheme#F04E45#53FCA1#4488EE#DD180E#96FBC4
- Anime Blush Split-complementary Color Scheme#FF7A83#7EFBB3#77CCFF#FF3333#CCFFDD
- Aphrodisiac Split-complementary Color Scheme#E35A63#58F898#5DADEC#D3212D#99EEBB
- Babe Split-complementary Color Scheme#DC7B7C#7BD9AD#7DABD8#D13B40#B2EED3
- Begonia Split-complementary Color Scheme#FA6E79#76FDA8#74BBFB#FF2233#B8F8D8
- Berrylicious Split-complementary Color Scheme#D75E6C#5CCD97#57A9D4#B52F3A#99E6B3
- Bite My Tongue Split-complementary Color Scheme#D47D72#78D1B1#6E99D1#BC4D39#B2E4D0
- Blood Burst Split-complementary Color Scheme#FF474C#58F898#46ADF9#F60206#96FBC4
- Blush Bomb Split-complementary Color Scheme#DD99AA#99DEAD#95CDD8#C7607B#D1F0DD
- Blush Hour Split-complementary Color Scheme#FF6F91#7BE892#76D6FF#FF2255#BDFFCA
- Boho Blush Split-complementary Color Scheme#E58787#8BE0BA#83BCE5#D3494E#D1F1DE
Questions
What colors go with Piggy?
In a split-complementary scheme: Mint Tonic (#99EEAA), Over the Sky (#98D5EA), Lick and Kiss (#EE5577), Misty Lawn (#DFFAE1).
What is the hex code of Piggy?
#EF98AA.