Kissable Triadic Color Scheme
Five colors arranged by the triadic rule around Kissable (#FD8F79), each snapped to its nearest named color.
#FD8F79
#7BE892
#9878F8
#FDE2DE
#2DFE54
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Kissable | #FD8F79 | 253, 143, 121 | 10°, 97%, 73% | 0, 43, 52, 1 | |
| Ragweed | #7BE892 | 123, 232, 146 | 133°, 70%, 70% | 47, 0, 37, 9 | |
| Forgotten Purple | #9878F8 | 152, 120, 248 | 255°, 90%, 72% | 39, 52, 0, 3 | |
| Lady Anne | #FDE2DE | 253, 226, 222 | 8°, 89%, 93% | 0, 11, 12, 1 | |
| Bright Light Green | #2DFE54 | 45, 254, 84 | 131°, 99%, 59% | 82, 0, 67, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9878F8 on #FDE2DE | 2.68:1 | — |
| Aa #9878F8 on #2DFE54 | 2.42:1 | — |
| Aa #7BE892 on #9878F8 | 2.16:1 | — |
| Aa #FD8F79 on #FDE2DE | 1.82:1 | — |
| Aa #FD8F79 on #2DFE54 | 1.64:1 | — |
| Aa #FD8F79 on #9878F8 | 1.47:1 | — |
CSS variables
:root {
--color-1: #fd8f79; /* Kissable */
--color-2: #7be892; /* Ragweed */
--color-3: #9878f8; /* Forgotten Purple */
--color-4: #fde2de; /* Lady Anne */
--color-5: #2dfe54; /* Bright Light Green */
}Other schemes from Kissable
- Kissable Complementary Color Scheme#FD8F79#FFDCD2#6DEDFD#22DDFF#DEF7FE
- Kissable Analogous Color Scheme#FF77EE#FF77A8#FD8F79#FFD379#ECF474
- Kissable Split-complementary Color Scheme#FD8F79#7FFFD4#77AAFF#FD4C29#C0FFEE
- Kissable Tetradic Color Scheme#FD8F79#A9F971#6DEDFD#CC77FF#FDE2DE
- Kissable Monochromatic Color Scheme#DD2200#FD4C29#FD8F79#FBCDC3#FDEAE6
More Light Red triadic palettes
- Amour Triadic Color Scheme#EE5851#43E85F#524EFB#F5B1AA#0ADD08
- Angry Flamingo Triadic Color Scheme#F04E45#4EFD54#4B4CFC#F9A7A4#00CC11
- Anime Blush Triadic Color Scheme#FF7A83#8CFD7E#7A81FF#FFE4E1#33FF22
- Aphrodisiac Triadic Color Scheme#E35A63#70F15E#5260E1#F1B3B6#24D427
- Babe Triadic Color Scheme#DC7B7C#77DD77#7777CC#F1CBCD#5AD33E
- Begonia Triadic Color Scheme#FA6E79#77FF66#6A79F7#FDD0D5#33FF22
- Berrylicious Triadic Color Scheme#D75E6C#69D84F#5170D7#ECB2B3#34B334
- Bite My Tongue Triadic Color Scheme#D47D72#6CCC7B#7777CC#ECC5C0#3EB753
- Blood Burst Triadic Color Scheme#FF474C#4EFD54#4C4DFF#FFB0AC#00F900
- Blush Bomb Triadic Color Scheme#DD99AA#A9D99C#9BACD8#F5E6EA#74C365
- Blush Hour Triadic Color Scheme#FF6F91#96F97B#6888FC#FFD6DD#55FF22
- Boho Blush Triadic Color Scheme#E58787#94E089#8F8CE7#F8DCDB#58D854
Questions
What colors go with Kissable?
In a triadic scheme: Ragweed (#7BE892), Forgotten Purple (#9878F8), Lady Anne (#FDE2DE), Bright Light Green (#2DFE54).
What is the hex code of Kissable?
#FD8F79.