I Love You Pink Triadic Color Scheme
Five colors arranged by the triadic rule around I Love You Pink (#D97D8F), each snapped to its nearest named color.
#D97D8F
#89D178
#7F90CB
#F0CDD2
#58D854
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| I Love You Pink | #D97D8F | 217, 125, 143 | 348°, 55%, 67% | 0, 42, 34, 15 | |
| Fluorescence | #89D178 | 137, 209, 120 | 109°, 49%, 65% | 34, 0, 43, 18 | |
| Mood Mode | #7F90CB | 127, 144, 203 | 227°, 42%, 65% | 37, 29, 0, 20 | |
| Milkshake Pink | #F0CDD2 | 240, 205, 210 | 351°, 54%, 87% | 0, 15, 13, 6 | |
| Koopa Green Shell | #58D854 | 88, 216, 84 | 118°, 63%, 59% | 59, 0, 61, 15 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #7F90CB on #F0CDD2 | 2.13:1 | — |
| Aa #D97D8F on #F0CDD2 | 1.97:1 | — |
| Aa #89D178 on #7F90CB | 1.70:1 | — |
| Aa #7F90CB on #58D854 | 1.68:1 | — |
| Aa #D97D8F on #89D178 | 1.57:1 | — |
| Aa #D97D8F on #58D854 | 1.56:1 | — |
CSS variables
:root {
--color-1: #d97d8f; /* I Love You Pink */
--color-2: #89d178; /* Fluorescence */
--color-3: #7f90cb; /* Mood Mode */
--color-4: #f0cdd2; /* Milkshake Pink */
--color-5: #58d854; /* Koopa Green Shell */
}Other schemes from I Love You Pink
- I Love You Pink Complementary Color Scheme#D97D8F#EEC5CE#7DD7C0#47C6AC#CFEEE8
- I Love You Pink Analogous Color Scheme#D374D5#CD7DB5#D97D8F#D99B7B#DDC47E
- I Love You Pink Split-complementary Color Scheme#D97D8F#7ED89A#7FB9DD#C24359#B6E9C8
- I Love You Pink Tetradic Color Scheme#D97D8F#B6D27E#7DD7C0#9370DB#F0CDD2
- I Love You Pink Monochromatic Color Scheme#8C283B#C24359#D97D8F#ECBAC0#F8EAED
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 I Love You Pink?
In a triadic scheme: Fluorescence (#89D178), Mood Mode (#7F90CB), Milkshake Pink (#F0CDD2), Koopa Green Shell (#58D854).
What is the hex code of I Love You Pink?
#D97D8F.