Kissable Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Kissable (#FD8F79), each snapped to its nearest named color.
#FD8F79
#7FFFD4
#77AAFF
#FD4C29
#C0FFEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Kissable | #FD8F79 | 253, 143, 121 | 10°, 97%, 73% | 0, 43, 52, 1 | |
| Hiroshima Aquamarine | #7FFFD4 | 127, 255, 212 | 160°, 100%, 75% | 50, 0, 17, 0 | |
| Fennel Flower | #77AAFF | 119, 170, 255 | 218°, 100%, 73% | 53, 33, 0, 0 | |
| Flame Angelfish | #FD4C29 | 253, 76, 41 | 10°, 98%, 58% | 0, 70, 84, 1 | |
| Arabica Mint | #C0FFEE | 192, 255, 238 | 164°, 100%, 88% | 25, 0, 7, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FD4C29 on #C0FFEE | 3.01:1 | AA large |
| Aa #7FFFD4 on #FD4C29 | 2.75:1 | — |
| Aa #77AAFF on #C0FFEE | 2.09:1 | — |
| Aa #FD8F79 on #C0FFEE | 2.00:1 | — |
| Aa #7FFFD4 on #77AAFF | 1.91:1 | — |
| Aa #FD8F79 on #7FFFD4 | 1.83:1 | — |
CSS variables
:root {
--color-1: #fd8f79; /* Kissable */
--color-2: #7fffd4; /* Hiroshima Aquamarine */
--color-3: #77aaff; /* Fennel Flower */
--color-4: #fd4c29; /* Flame Angelfish */
--color-5: #c0ffee; /* Arabica Mint */
}Other schemes from Kissable
- Kissable Complementary Color Scheme#FD8F79#FFDCD2#6DEDFD#22DDFF#DEF7FE
- Kissable Analogous Color Scheme#FF77EE#FF77A8#FD8F79#FFD379#ECF474
- Kissable Triadic Color Scheme#FD8F79#7BE892#9878F8#FDE2DE#2DFE54
- Kissable Tetradic Color Scheme#FD8F79#A9F971#6DEDFD#CC77FF#FDE2DE
- Kissable Monochromatic Color Scheme#DD2200#FD4C29#FD8F79#FBCDC3#FDEAE6
More Light Red split-complementary palettes
- 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 Kissable?
In a split-complementary scheme: Hiroshima Aquamarine (#7FFFD4), Fennel Flower (#77AAFF), Flame Angelfish (#FD4C29), Arabica Mint (#C0FFEE).
What is the hex code of Kissable?
#FD8F79.