Mad Pinker Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Mad Pinker (#FF9899), each snapped to its nearest named color.
#FF9899
#96FBC4
#99CCFF
#FF474C
#E6FDF1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Mad Pinker | #FF9899 | 255, 152, 153 | 359°, 100%, 80% | 0, 40, 40, 0 | |
| Lemon Gate | #96FBC4 | 150, 251, 196 | 147°, 93%, 79% | 40, 0, 22, 2 | |
| Apocyan | #99CCFF | 153, 204, 255 | 210°, 100%, 80% | 40, 20, 0, 0 | |
| Blood Burst | #FF474C | 255, 71, 76 | 358°, 100%, 64% | 0, 72, 70, 0 | |
| Mint Chiffon | #E6FDF1 | 230, 253, 241 | 149°, 85%, 95% | 9, 0, 5, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF474C on #E6FDF1 | 3.15:1 | AA large |
| Aa #96FBC4 on #FF474C | 2.70:1 | — |
| Aa #99CCFF on #FF474C | 1.99:1 | — |
| Aa #FF9899 on #E6FDF1 | 1.93:1 | — |
| Aa #FF9899 on #96FBC4 | 1.66:1 | — |
| Aa #FF9899 on #FF474C | 1.63:1 | — |
CSS variables
:root {
--color-1: #ff9899; /* Mad Pinker */
--color-2: #96fbc4; /* Lemon Gate */
--color-3: #99ccff; /* Apocyan */
--color-4: #ff474c; /* Blood Burst */
--color-5: #e6fdf1; /* Mint Chiffon */
}Other schemes from Mad Pinker
- Mad Pinker Complementary Color Scheme#FF9899#FFE6E7#99FFFF#55FFFF#E7FEFF
- Mad Pinker Analogous Color Scheme#FF99FF#FF99CC#FF9899#FFCC99#FFFF99
- Mad Pinker Triadic Color Scheme#FF9899#98FF98#9999FF#FFE6E7#4EFD54
- Mad Pinker Tetradic Color Scheme#FF9899#C1FD95#99FFFF#CC99FF#FFE6E7
- Mad Pinker Monochromatic Color Scheme#FE0002#FF474C#FF9899#FFE6E4#FFE6E7
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 Mad Pinker?
In a split-complementary scheme: Lemon Gate (#96FBC4), Apocyan (#99CCFF), Blood Burst (#FF474C), Mint Chiffon (#E6FDF1).
What is the hex code of Mad Pinker?
#FF9899.