Kiss Complementary Color Scheme
Five colors arranged by the complementary rule around Kiss (#D28CA7), each snapped to its nearest named color.
#D28CA7
#E9CDD8
#89D1B5
#52BC9A
#D7EEE4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Kiss | #D28CA7 | 210, 140, 167 | 337°, 44%, 69% | 0, 33, 20, 18 | |
| Petit Pink | #E9CDD8 | 233, 205, 216 | 336°, 39%, 86% | 0, 12, 7, 9 | |
| Tropical Trail | #89D1B5 | 137, 209, 181 | 157°, 44%, 68% | 34, 0, 13, 18 | |
| Expressionism Green | #52BC9A | 82, 188, 154 | 161°, 44%, 53% | 56, 0, 18, 26 | |
| Dreamy Clouds | #D7EEE4 | 215, 238, 228 | 154°, 40%, 89% | 10, 0, 4, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D28CA7 on #D7EEE4 | 2.14:1 | — |
| Aa #52BC9A on #D7EEE4 | 1.91:1 | — |
| Aa #D28CA7 on #E9CDD8 | 1.76:1 | — |
| Aa #E9CDD8 on #52BC9A | 1.57:1 | — |
| Aa #D28CA7 on #89D1B5 | 1.47:1 | — |
| Aa #89D1B5 on #D7EEE4 | 1.45:1 | — |
CSS variables
:root {
--color-1: #d28ca7; /* Kiss */
--color-2: #e9cdd8; /* Petit Pink */
--color-3: #89d1b5; /* Tropical Trail */
--color-4: #52bc9a; /* Expressionism Green */
--color-5: #d7eee4; /* Dreamy Clouds */
}Other schemes from Kiss
- 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 Tetradic Color Scheme#D28CA7#CDD78A#89D1B5#8D8DC9#F0D6DD
- Kiss Monochromatic Color Scheme#8E3A59#BC587B#D28CA7#EAC3D2#F7EFEF
More Light Pink complementary palettes
- Always Rosey Complementary Color Scheme#E79DB3#FBE5EA#9CE5D6#68DFBB#E9F9F5
- Atomic Pink Complementary Color Scheme#FB7EFD#FFDDFF#8CFD7E#26FF2A#E1F8E7
- Avant-Garde Pink Complementary Color Scheme#FF77EE#FED0FC#7BE892#2DFE54#DFFAE1
- Barbiecore Complementary Color Scheme#E15ACB#F2ABE1#4CFF7B#31D652#B8F8B8
- Blush d’Amour Complementary Color Scheme#DE5D83#EFA7BF#5FD1BA#33CC99#B6ECDE
- Blushing Sky Complementary Color Scheme#D9B1D6#F8EEF4#B1D4B7#7EC083#EBF8EF
- Bubblegum Complementary Color Scheme#FF85FF#FFE0F5#94FF94#26FF2A#E7FBEC
- Bubblegum Beam Complementary Color Scheme#F887C7#FFDDEE#80F9AD#2AF589#E6FDF1
- Bubblegum Kisses Complementary Color Scheme#F092D6#FFE3F4#99EEAA#4CFF7B#EBFCEC
- Candy Floss Complementary Color Scheme#E8A7E2#FCEBFA#AAEEAA#77DD77#EBFCEC
- Candy Pink Complementary Color Scheme#FF63E9#FFBBEE#73FA79#16F12D#CCFFCC
- Classy Mauve Complementary Color Scheme#BB99AA#E4CFD7#8EBBAC#64A281#D3E7DC
Questions
What colors go with Kiss?
In a complementary scheme: Petit Pink (#E9CDD8), Tropical Trail (#89D1B5), Expressionism Green (#52BC9A), Dreamy Clouds (#D7EEE4).
What is the hex code of Kiss?
#D28CA7.