Kisses Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Kisses (#FF66BB), each snapped to its nearest named color.
#FF66BB
#66FF66
#65FFFF
#FF1493
#BEFDB7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Kisses | #FF66BB | 255, 102, 187 | 327°, 100%, 70% | 0, 60, 27, 0 | |
| Screamin’ Green | #66FF66 | 102, 255, 102 | 120°, 100%, 70% | 60, 0, 60, 0 | |
| Moonglade Water | #65FFFF | 101, 255, 255 | 180°, 100%, 70% | 60, 0, 0, 0 | |
| Secret Story | #FF1493 | 255, 20, 147 | 328°, 100%, 54% | 0, 92, 42, 0 | |
| Glow in the Dark | #BEFDB7 | 190, 253, 183 | 114°, 95%, 85% | 25, 0, 28, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FF1493 on #BEFDB7 | 3.10:1 | AA large |
| Aa #65FFFF on #FF1493 | 3.00:1 | — |
| Aa #66FF66 on #FF1493 | 2.78:1 | — |
| Aa #FF66BB on #BEFDB7 | 2.28:1 | — |
| Aa #FF66BB on #65FFFF | 2.20:1 | — |
| Aa #FF66BB on #66FF66 | 2.04:1 | — |
CSS variables
:root {
--color-1: #ff66bb; /* Kisses */
--color-2: #66ff66; /* Screamin’ Green */
--color-3: #65ffff; /* Moonglade Water */
--color-4: #ff1493; /* Secret Story */
--color-5: #befdb7; /* Glow in the Dark */
}Other schemes from Kisses
- Kisses Complementary Color Scheme#FF66BB#FDC5E3#6BFFB3#04F489#D0F7E4
- Kisses Analogous Color Scheme#AA66FF#FF66FF#FF66BB#FF616B#FFAA66
- Kisses Triadic Color Scheme#FF66BB#B9FF66#74BBFB#FBCCE7#88FF11
- Kisses Tetradic Color Scheme#FF66BB#FEF263#6BFFB3#6666FF#FBCCE7
- Kisses Monochromatic Color Scheme#D00172#FF1493#FF66BB#FFB3DE#FFE3F4
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 Kisses?
In a split-complementary scheme: Screamin’ Green (#66FF66), Moonglade Water (#65FFFF), Secret Story (#FF1493), Glow in the Dark (#BEFDB7).
What is the hex code of Kisses?
#FF66BB.