Kiss Me More Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Kiss Me More (#DE6B86), each snapped to its nearest named color.
#DE6B86
#6ADC99
#6ABCDA
#CC3355
#A3EFB8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Kiss Me More | #DE6B86 | 222, 107, 134 | 346°, 64%, 65% | 0, 52, 40, 13 | 67.1% 0.145 7 | |
| Aurora Green | #6ADC99 | 106, 220, 153 | 145°, 62%, 64% | 52, 0, 30, 14 | 81.0% 0.142 156 | |
| Bluebrite | #6ABCDA | 106, 188, 218 | 196°, 60%, 64% | 51, 14, 0, 15 | 75.4% 0.091 224 | |
| Infrared Gloze | #CC3355 | 204, 51, 85 | 347°, 60%, 50% | 0, 75, 58, 20 | 56.5% 0.189 13 | |
| Ultra Mint | #A3EFB8 | 163, 239, 184 | 137°, 70%, 79% | 32, 0, 23, 6 | 88.8% 0.107 152 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #CC3355 on #A3EFB8 | 3.74:1 | AA large |
| Aa #6ADC99 on #CC3355 | 2.95:1 | — |
| Aa #DE6B86 on #A3EFB8 | 2.38:1 | — |
| Aa #6ABCDA on #CC3355 | 2.35:1 | — |
| Aa #DE6B86 on #6ADC99 | 1.88:1 | — |
| Aa #6ABCDA on #A3EFB8 | 1.59:1 | — |
CSS variables
:root {
--color-1: #de6b86; /* Kiss Me More */
--color-2: #6adc99; /* Aurora Green */
--color-3: #6abcda; /* Bluebrite */
--color-4: #cc3355; /* Infrared Gloze */
--color-5: #a3efb8; /* Ultra Mint */
}Other schemes from Kiss Me More
- Kiss Me More Complementary Color Scheme#DE6B86#EDB8C7#75DBC1#38C6A1#BDE9E5
- 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 Tetradic Color Scheme#DE6B86#C3DC68#75DBC1#9370DB#EFBBCC
- Kiss Me More Monochromatic Color Scheme#9B233B#CC3355#DE6B86#E9A9BB#F9EAEB
More light red split-complementary color schemes
- Amour Split-complementary Color Scheme#EE5851#53FCA1#4F8FE6#DD180E#96FBC4
- Angry Flamingo Split-complementary Color Scheme#F04E45#53FCA1#4488EE#DD180E#96FBC4
- Anime Blush Split-complementary Color Scheme#FF7A83#7EFBB3#77CCFF#FF3333#CCFFDD
- Aphrodisiac Split-complementary Color Scheme#E35A63#58F898#5DADEC#D3212D#99EEBB
- Babe Split-complementary Color Scheme#DC7B7C#7BD9AD#7DABD8#D13B40#B2EED3
- Begonia Split-complementary Color Scheme#FA6E79#76FDA8#74BBFB#FF2233#B8F8D8
- Berrylicious Split-complementary Color Scheme#D75E6C#5CCD97#57A9D4#B52F3A#99E6B3
- Bite My Tongue Split-complementary Color Scheme#D47D72#78D1B1#6E99D1#BC4D39#B2E4D0
- Blood Burst Split-complementary Color Scheme#FF474C#58F898#46ADF9#F60206#96FBC4
- Blush Bomb Split-complementary Color Scheme#DD99AA#99DEAD#95CDD8#C7607B#D1F0DD
- Blush Hour Split-complementary Color Scheme#FF6F91#7BE892#76D6FF#FF2255#BDFFCA
- Boho Blush Split-complementary Color Scheme#E58787#8BE0BA#83BCE5#D3494E#D1F1DE
Questions
What colors go with Kiss Me More?
In a split-complementary scheme: Aurora Green (#6ADC99), Bluebrite (#6ABCDA), Infrared Gloze (#CC3355), Ultra Mint (#A3EFB8).
What is the hex code of Kiss Me More?
#DE6B86.