Kiss Tetradic Color Scheme
Five colors arranged by the tetradic rule around Kiss (#D28CA7), each snapped to its nearest named color.
#D28CA7
#CDD78A
#89D1B5
#8D8DC9
#F0D6DD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Kiss | #D28CA7 | 210, 140, 167 | 337°, 44%, 69% | 0, 33, 20, 18 | |
| Lime Sherbet | #CDD78A | 205, 215, 138 | 68°, 49%, 69% | 5, 0, 36, 16 | |
| Tropical Trail | #89D1B5 | 137, 209, 181 | 157°, 44%, 68% | 34, 0, 13, 18 | |
| Adora | #8D8DC9 | 141, 141, 201 | 240°, 36%, 67% | 30, 30, 0, 21 | |
| Pineberry | #F0D6DD | 240, 214, 221 | 344°, 46%, 89% | 0, 11, 8, 6 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8D8DC9 on #F0D6DD | 2.26:1 | — |
| Aa #CDD78A on #8D8DC9 | 2.02:1 | — |
| Aa #D28CA7 on #F0D6DD | 1.91:1 | — |
| Aa #89D1B5 on #8D8DC9 | 1.75:1 | — |
| Aa #D28CA7 on #CDD78A | 1.70:1 | — |
| Aa #D28CA7 on #89D1B5 | 1.47:1 | — |
CSS variables
:root {
--color-1: #d28ca7; /* Kiss */
--color-2: #cdd78a; /* Lime Sherbet */
--color-3: #89d1b5; /* Tropical Trail */
--color-4: #8d8dc9; /* Adora */
--color-5: #f0d6dd; /* Pineberry */
}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 Split-complementary Color Scheme#D28CA7#92D599#8AC7D4#BC587B#C6E5CA
- Kiss Monochromatic Color Scheme#8E3A59#BC587B#D28CA7#EAC3D2#F7EFEF
More Light Pink tetradic palettes
- Always Rosey Tetradic Color Scheme#E79DB3#D5E69D#9CE5D6#A899E6#F8EAED
- Atomic Pink Tetradic Color Scheme#FB7EFD#FFBB7C#8CFD7E#73C2FB#FFE0F5
- Avant-Garde Pink Tetradic Color Scheme#FF77EE#FFCC77#7BE892#77AAFF#FFDDFF
- Barbiecore Tetradic Color Scheme#E15ACB#E3B258#4CFF7B#5B92E5#EDABE6
- Blush d’Amour Tetradic Color Scheme#DE5D83#D0D557#5FD1BA#6D5ACF#EDB2C4
- Blushing Sky Tetradic Color Scheme#D9B1D6#DACAB1#B1D4B7#B3C4D8#F8EEF4
- Bubblegum Tetradic Color Scheme#FF85FF#FFC283#94FF94#82CAFC#FFEBFE
- Bubblegum Beam Tetradic Color Scheme#F887C7#FFEE88#80F9AD#8B88F8#FFE8F4
- Bubblegum Kisses Tetradic Color Scheme#F092D6#EDDA8F#99EEAA#9BA0EF#FEE8F5
- Candy Floss Tetradic Color Scheme#E8A7E2#E7D0A6#AAEEAA#A7C2EB#FCEBFA
- Candy Pink Tetradic Color Scheme#FF63E9#FFC863#73FA79#6495ED#FCCCF5
- Classy Mauve Tetradic Color Scheme#BB99AA#BEBD99#8EBBAC#9791BC#E8D5DD
Questions
What colors go with Kiss?
In a tetradic scheme: Lime Sherbet (#CDD78A), Tropical Trail (#89D1B5), Adora (#8D8DC9), Pineberry (#F0D6DD).
What is the hex code of Kiss?
#D28CA7.