Kiss Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Kiss (#D28CA7), each snapped to its nearest named color.
#D28CA7
#92D599
#8AC7D4
#BC587B
#C6E5CA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Kiss | #D28CA7 | 210, 140, 167 | 337°, 44%, 69% | 0, 33, 20, 18 | |
| May Apple | #92D599 | 146, 213, 153 | 126°, 44%, 70% | 31, 0, 28, 16 | |
| Maiden Voyage | #8AC7D4 | 138, 199, 212 | 191°, 46%, 69% | 35, 6, 0, 17 | |
| Tutti Frutti | #BC587B | 188, 88, 123 | 339°, 43%, 54% | 0, 53, 35, 26 | |
| Wintergreen Mint | #C6E5CA | 198, 229, 202 | 128°, 37%, 84% | 14, 0, 12, 10 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BC587B on #C6E5CA | 3.21:1 | AA large |
| Aa #92D599 on #BC587B | 2.53:1 | — |
| Aa #8AC7D4 on #BC587B | 2.32:1 | — |
| Aa #D28CA7 on #C6E5CA | 1.92:1 | — |
| Aa #D28CA7 on #BC587B | 1.67:1 | — |
| Aa #D28CA7 on #92D599 | 1.52:1 | — |
CSS variables
:root {
--color-1: #d28ca7; /* Kiss */
--color-2: #92d599; /* May Apple */
--color-3: #8ac7d4; /* Maiden Voyage */
--color-4: #bc587b; /* Tutti Frutti */
--color-5: #c6e5ca; /* Wintergreen Mint */
}Other schemes from Kiss
- Kiss Complementary Color Scheme#D28CA7#E9CDD8#89D1B5#52BC9A#D7EEE4
- Kiss Analogous Color Scheme#B790D4#CE94C2#D28CA7#D29487#D3B78B
- Kiss Triadic Color Scheme#D28CA7#A5CF8C#88A9D2#F0D6DD#79BE58
- Kiss Tetradic Color Scheme#D28CA7#CDD78A#89D1B5#8D8DC9#F0D6DD
- Kiss Monochromatic Color Scheme#8E3A59#BC587B#D28CA7#EAC3D2#F7EFEF
More Light Pink split-complementary palettes
- Always Rosey Split-complementary Color Scheme#E79DB3#9BE5AA#9ED6E8#DC6080#D9F2E3
- Atomic Pink Split-complementary Color Scheme#FB7EFD#CCFD7F#7EFFBA#FF33FF#EEFFCC
- Avant-Garde Pink Split-complementary Color Scheme#FF77EE#A9F971#7BFDC7#FF2FEB#DDFFCC
- Barbiecore Split-complementary Color Scheme#E15ACB#80E45F#56FCA2#C920B0#BBEE99
- Blush d’Amour Split-complementary Color Scheme#DE5D83#44DD66#5DC2DB#C92351#99EEAA
- Blushing Sky Split-complementary Color Scheme#D9B1D6#C1D6B1#B1DAC6#CD7DB5#EAF1E4
- Bubblegum Split-complementary Color Scheme#FF85FF#C4FE82#88FFCC#FF33FF#EEFFCC
- Bubblegum Beam Split-complementary Color Scheme#F887C7#90EE90#88FFEE#E936A7#CCFFCC
- Bubblegum Kisses Split-complementary Color Scheme#F092D6#A3E493#9CE5D6#F246A7#DBF4D8
- Candy Floss Split-complementary Color Scheme#E8A7E2#C5E6A4#A8E8CB#DA70D6#EBF7E4
- Candy Pink Split-complementary Color Scheme#FF63E9#9AF764#7BFDC7#FF1DCE#C8FFB0
- Classy Mauve Split-complementary Color Scheme#BB99AA#99BD91#90BDBD#A06582#C5DCC6
Questions
What colors go with Kiss?
In a split-complementary scheme: May Apple (#92D599), Maiden Voyage (#8AC7D4), Tutti Frutti (#BC587B), Wintergreen Mint (#C6E5CA).
What is the hex code of Kiss?
#D28CA7.