Kisses and Hugs Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Kisses and Hugs (#FF6677), each snapped to its nearest named color.
#FF6677
#76FDA8
#68C2F5
#FF1B2D
#AFFFD5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Kisses and Hugs | #FF6677 | 255, 102, 119 | 353°, 100%, 70% | 0, 60, 53, 0 | |
| Lunatic Sky Dancer | #76FDA8 | 118, 253, 168 | 142°, 97%, 73% | 53, 0, 34, 1 | |
| Blue Mana | #68C2F5 | 104, 194, 245 | 202°, 88%, 68% | 58, 21, 0, 4 | |
| Opera Red | #FF1B2D | 255, 27, 45 | 355°, 100%, 55% | 0, 89, 82, 0 | |
| Mintastic | #AFFFD5 | 175, 255, 213 | 149°, 100%, 84% | 31, 0, 16, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF1B2D on #AFFFD5 | 3.32:1 | AA large |
| Aa #76FDA8 on #FF1B2D | 3.01:1 | AA large |
| Aa #FF6677 on #AFFFD5 | 2.44:1 | — |
| Aa #FF6677 on #76FDA8 | 2.21:1 | — |
| Aa #68C2F5 on #FF1B2D | 1.95:1 | — |
| Aa #68C2F5 on #AFFFD5 | 1.70:1 | — |
CSS variables
:root {
--color-1: #ff6677; /* Kisses and Hugs */
--color-2: #76fda8; /* Lunatic Sky Dancer */
--color-3: #68c2f5; /* Blue Mana */
--color-4: #ff1b2d; /* Opera Red */
--color-5: #afffd5; /* Mintastic */
}Other schemes from Kisses and Hugs
- Kisses and Hugs Complementary Color Scheme#FF6677#FFC3CB#65FFFF#11FFEE#CAFFFB
- Kisses and Hugs Analogous Color Scheme#EE66FF#FF66CC#FF6677#FFA167#FFEE66
- Kisses and Hugs Triadic Color Scheme#FF6677#77FF66#6A79F7#FFC9D3#39FF14
- Kisses and Hugs Tetradic Color Scheme#FF6677#C2F177#65FFFF#AA66FF#FFC9D3
- Kisses and Hugs Monochromatic Color Scheme#C90016#FF1B2D#FF6677#FFAEBB#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 Kisses and Hugs?
In a split-complementary scheme: Lunatic Sky Dancer (#76FDA8), Blue Mana (#68C2F5), Opera Red (#FF1B2D), Mintastic (#AFFFD5).
What is the hex code of Kisses and Hugs?
#FF6677.