Sassy Lime Complementary Color Scheme
Five colors arranged by the complementary rule around Sassy Lime (#DFE289), each snapped to its nearest named color.
#DFE289
#F4F4D1
#8F8CE7
#5A4FCF
#DBDBF7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sassy Lime | #DFE289 | 223, 226, 137 | 62°, 61%, 71% | 1, 0, 39, 11 | |
| Spilt Milk | #F4F4D1 | 244, 244, 209 | 60°, 61%, 89% | 0, 0, 14, 4 | |
| Perrywinkle | #8F8CE7 | 143, 140, 231 | 242°, 65%, 73% | 38, 39, 0, 9 | |
| Iris | #5A4FCF | 90, 79, 207 | 245°, 57%, 56% | 57, 62, 0, 19 | |
| Nostalgia Perfume | #DBDBF7 | 219, 219, 247 | 240°, 64%, 91% | 11, 11, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F4F4D1 on #5A4FCF | 5.42:1 | AA |
| Aa #5A4FCF on #DBDBF7 | 4.48:1 | AA large |
| Aa #DFE289 on #5A4FCF | 4.45:1 | AA large |
| Aa #F4F4D1 on #8F8CE7 | 2.64:1 | — |
| Aa #8F8CE7 on #DBDBF7 | 2.19:1 | — |
| Aa #DFE289 on #8F8CE7 | 2.17:1 | — |
CSS variables
:root {
--color-1: #dfe289; /* Sassy Lime */
--color-2: #f4f4d1; /* Spilt Milk */
--color-3: #8f8ce7; /* Perrywinkle */
--color-4: #5a4fcf; /* Iris */
--color-5: #dbdbf7; /* Nostalgia Perfume */
}Other schemes from Sassy Lime
- Sassy Lime Analogous Color Scheme#E4898A#E2BB8A#DFE289#B2E191#94E089
- Sassy Lime Triadic Color Scheme#DFE289#8DDEE1#EB94DA#F5F5DC#48D1CC
- Sassy Lime Split-complementary Color Scheme#DFE289#88ACE0#BF8FE5#D0D34D#C4D9EF
- Sassy Lime Tetradic Color Scheme#DFE289#8BE0BA#8F8CE7#E290B2#F5F5DC
- Sassy Lime Monochromatic Color Scheme#A7A62D#D0D34D#DFE289#F1F1C6#F8FBEB
More Light Yellow complementary palettes
- Alligator Alley Complementary Color Scheme#C5D17B#E6E6BC#8878C3#5946B2#CEC8EF
- Ancient Treasure Complementary Color Scheme#E7D082#F7EECF#8F8CE7#4B62D2#DBDBF7
- Animal Kingdom Complementary Color Scheme#BCC09E#E4E4D5#A09BC6#776EA2#DCDDE7
- Anna Banana Complementary Color Scheme#F5D547#FCE99F#4166F5#0033EE#A2BFFE
- April Showers Complementary Color Scheme#DADEB5#F6F7ED#B3B4DD#8980C1#EBECF5
- Ash Complementary Color Scheme#BEBAA7#E8E5D8#9EA5C3#6B7BA7#DEE1ED
- Aurora Complementary Color Scheme#EBD147#F1E798#4466EE#0033CC#A3B1F2
- Banana Complementary Color Scheme#FFFC79#FFFFD4#7777FF#3A2EFE#D6EAFC
- Banana Drama Complementary Color Scheme#F1D548#F8EC9E#4466EE#0033DD#A3B1F2
- Banana Frappé Complementary Color Scheme#DDD5B6#F7F5ED#B8BFDC#8491C3#EDF2F8
- Beekeeper Complementary Color Scheme#F6E491#FFF9E7#9BA0EF#4466EE#E8EEFE
- Beige Complementary Color Scheme#E6DAA6#FAF7EB#ACACE6#7777CC#E8EFF8
Questions
What colors go with Sassy Lime?
In a complementary scheme: Spilt Milk (#F4F4D1), Perrywinkle (#8F8CE7), Iris (#5A4FCF), Nostalgia Perfume (#DBDBF7).
What is the hex code of Sassy Lime?
#DFE289.