Kiss Me More Complementary Color Scheme
Five colors arranged by the complementary rule around Kiss Me More (#DE6B86), each snapped to its nearest named color.
#DE6B86
#EDB8C7
#75DBC1
#38C6A1
#BDE9E5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Kiss Me More | #DE6B86 | 222, 107, 134 | 346°, 64%, 65% | 0, 52, 40, 13 | |
| Chantilly | #EDB8C7 | 237, 184, 199 | 343°, 60%, 83% | 0, 22, 16, 7 | |
| Star Grass | #75DBC1 | 117, 219, 193 | 165°, 59%, 66% | 47, 0, 12, 14 | |
| Jadeite | #38C6A1 | 56, 198, 161 | 164°, 56%, 50% | 72, 0, 19, 22 | |
| Luxor Blue | #BDE9E5 | 189, 233, 229 | 175°, 50%, 83% | 19, 0, 2, 9 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DE6B86 on #BDE9E5 | 2.43:1 | — |
| Aa #DE6B86 on #75DBC1 | 1.93:1 | — |
| Aa #DE6B86 on #EDB8C7 | 1.87:1 | — |
| Aa #38C6A1 on #BDE9E5 | 1.63:1 | — |
| Aa #DE6B86 on #38C6A1 | 1.49:1 | — |
| Aa #EDB8C7 on #BDE9E5 | 1.30:1 | — |
CSS variables
:root {
--color-1: #de6b86; /* Kiss Me More */
--color-2: #edb8c7; /* Chantilly */
--color-3: #75dbc1; /* Star Grass */
--color-4: #38c6a1; /* Jadeite */
--color-5: #bde9e5; /* Luxor Blue */
}Other schemes from Kiss Me More
- Kiss Me More Analogous Color Scheme#CC66DD#C772C0#DE6B86#DD8869#DEC569
- Kiss Me More Triadic Color Scheme#DE6B86#8AD370#7983D7#EFBBCC#58D332
- Kiss Me More Split-complementary Color Scheme#DE6B86#6ADC99#6ABCDA#CC3355#A3EFB8
- Kiss Me More Tetradic Color Scheme#DE6B86#C3DC68#75DBC1#9370DB#EFBBCC
- Kiss Me More Monochromatic Color Scheme#9B233B#CC3355#DE6B86#E9A9BB#F9EAEB
More Light Red complementary palettes
- Amour Complementary Color Scheme#EE5851#F9A7A4#45E9FD#11DDDD#B2F8F8
- Angry Flamingo Complementary Color Scheme#F04E45#FB9F93#45E9FD#09CDCD#A4F4F9
- Anime Blush Complementary Color Scheme#FF7A83#FDD7D8#73FDFF#33FFFF#E0FEFE
- Aphrodisiac Complementary Color Scheme#E35A63#EDAAAC#5EE7DF#22CCCC#AFEEEE
- Babe Complementary Color Scheme#DC7B7C#EDC3C5#78D8D9#3DCFC2#CEEEEF
- Begonia Complementary Color Scheme#FA6E79#FDC8CD#66EEEE#26F7FD#D0FEFE
- Berrylicious Complementary Color Scheme#D75E6C#E6A7AC#55DDCC#2CBAA3#B0EEE2
- Bite My Tongue Complementary Color Scheme#D47D72#EBBDB8#71CBD2#30AABC#C0E7EB
- Blood Burst Complementary Color Scheme#FF474C#FEA5A2#41FDFE#00FFEF#ACFFFC
- Blush Bomb Complementary Color Scheme#DD99AA#F5DEE2#99DDCC#66CDAA#E2F7F1
- Blush Hour Complementary Color Scheme#FF6F91#FFC9D7#73FCD6#32FFDC#D8FFF3
- Boho Blush Complementary Color Scheme#E58787#F6D2D4#96E2E1#48D1CC#D7F5F6
Questions
What colors go with Kiss Me More?
In a complementary scheme: Chantilly (#EDB8C7), Star Grass (#75DBC1), Jadeite (#38C6A1), Luxor Blue (#BDE9E5).
What is the hex code of Kiss Me More?
#DE6B86.