Love Affair Tetradic Color Scheme
Five colors arranged by the tetradic rule around Love Affair (#FFBEC8), each snapped to its nearest named color.
#FFBEC8
#ECFCBD
#BBFFEE
#DDBBFF
#FFE6E7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Love Affair | #FFBEC8 | 255, 190, 200 | 351°, 100%, 87% | 0, 25, 22, 0 | |
| Fall Green | #ECFCBD | 236, 252, 189 | 75°, 91%, 86% | 6, 0, 25, 1 | |
| Summer Cloud | #BBFFEE | 187, 255, 238 | 165°, 100%, 87% | 27, 0, 7, 0 | |
| Lavender Fragrance | #DDBBFF | 221, 187, 255 | 270°, 100%, 87% | 13, 27, 0, 0 | |
| Vanilla Strawberry | #FFE6E7 | 255, 230, 231 | 358°, 100%, 95% | 0, 10, 9, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #ECFCBD on #DDBBFF | 1.52:1 | — |
| Aa #BBFFEE on #DDBBFF | 1.48:1 | — |
| Aa #FFBEC8 on #ECFCBD | 1.43:1 | — |
| Aa #DDBBFF on #FFE6E7 | 1.40:1 | — |
| Aa #FFBEC8 on #BBFFEE | 1.39:1 | — |
| Aa #FFBEC8 on #FFE6E7 | 1.32:1 | — |
CSS variables
:root {
--color-1: #ffbec8; /* Love Affair */
--color-2: #ecfcbd; /* Fall Green */
--color-3: #bbffee; /* Summer Cloud */
--color-4: #ddbbff; /* Lavender Fragrance */
--color-5: #ffe6e7; /* Vanilla Strawberry */
}Other schemes from Love Affair
- Love Affair Complementary Color Scheme#FFBEC8#FFE6E7#BBFFEE#77EEEE#E7FEFF
- Love Affair Analogous Color Scheme#F4BFFF#FABFE4#FFBEC8#FFD4BB#FFF5BE
- Love Affair Triadic Color Scheme#FFBEC8#CFFDBC#B1D1FC#FFE6E7#8CFD7E
- Love Affair Split-complementary Color Scheme#FFBEC8#BFFFCF#BBEEFF#FF7788#E6FDF1
- Love Affair Monochromatic Color Scheme#FC2647#FF7788#FFBEC8#FFE6E7#FFE6E7
More Very Light Red tetradic palettes
- Abloom Tetradic Color Scheme#F1CBCD#E5EECC#CCEEEE#DACEE8#F9EAEB
- Angelic Wings Tetradic Color Scheme#F4EFEE#F1F2EE#EEF2F3#F3F1F3#F4EFEE
- Angry Ghost Tetradic Color Scheme#EEBBBB#CCEEBB#BBEEEE#CCBBEE#F9EAEB
- Apricot Haze Tetradic Color Scheme#FFAAAA#DDFFAA#AAFFFF#CCAAFF#FFE6E4
- Ballet Tetradic Color Scheme#F7D5D4#E5F4D5#D7F5F6#E8CEF6#F9EAEA
- Ballet Slippers Tetradic Color Scheme#FCA2AD#DDFFAA#AAFFEE#C9A0FF#FDE6E7
- Berry Good Tetradic Color Scheme#EDC3C5#DAECC5#C3ECE9#D5C7E8#F9EAEB
- Bloodthirsty Beige Tetradic Color Scheme#F8D7D0#DDFFCC#D1F0F6#E8CEF6#FCEBEB
- Blowing Kisses Tetradic Color Scheme#F6DEE0#EBF5DE#DFFBF3#E6DEF0#F9EAEB
- Blush Kiss Tetradic Color Scheme#EABCC0#DEEABD#BDE9E5#CCBBEE#F8EAED
- Blush Rush Tetradic Color Scheme#F0BCBE#DDEEBB#BBEEEE#CCBBEE#F9EAEB
- Butterfly Kisses Tetradic Color Scheme#F0DEDC#E3EFDD#DDEEEE#E6DEF0#F6EEED
Questions
What colors go with Love Affair?
In a tetradic scheme: Fall Green (#ECFCBD), Summer Cloud (#BBFFEE), Lavender Fragrance (#DDBBFF), Vanilla Strawberry (#FFE6E7).
What is the hex code of Love Affair?
#FFBEC8.