Fever Dream Complementary Color Scheme
Five colors arranged by the complementary rule around Fever Dream (#DD5577), each snapped to its nearest named color.
#DD5577
#F0A0B6
#5FD1BA
#27B692
#A2EBD8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Fever Dream | #DD5577 | 221, 85, 119 | 345°, 67%, 60% | 0, 62, 46, 13 | |
| Emperor’s Children | #F0A0B6 | 240, 160, 182 | 344°, 73%, 78% | 0, 33, 24, 6 | |
| Sweet Garden | #5FD1BA | 95, 209, 186 | 168°, 55%, 60% | 55, 0, 11, 18 | |
| Aoife’s Green | #27B692 | 39, 182, 146 | 165°, 65%, 43% | 79, 0, 20, 29 | |
| Oasis Stream | #A2EBD8 | 162, 235, 216 | 164°, 65%, 78% | 31, 0, 8, 8 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #DD5577 on #A2EBD8 | 2.73:1 | — |
| Aa #DD5577 on #5FD1BA | 2.01:1 | — |
| Aa #27B692 on #A2EBD8 | 1.88:1 | — |
| Aa #DD5577 on #F0A0B6 | 1.85:1 | — |
| Aa #F0A0B6 on #A2EBD8 | 1.48:1 | — |
| Aa #DD5577 on #27B692 | 1.45:1 | — |
CSS variables
:root {
--color-1: #dd5577; /* Fever Dream */
--color-2: #f0a0b6; /* Emperor’s Children */
--color-3: #5fd1ba; /* Sweet Garden */
--color-4: #27b692; /* Aoife’s Green */
--color-5: #a2ebd8; /* Oasis Stream */
}Other schemes from Fever Dream
- Fever Dream Analogous Color Scheme#BA55D3#DE55A9#DD5577#DD7755#DABA55
- Fever Dream Triadic Color Scheme#DD5577#69D84F#5170D7#EAABBC#55BB33
- Fever Dream Split-complementary Color Scheme#DD5577#44DD66#57B8DC#BB2244#99EEAA
- Fever Dream Tetradic Color Scheme#DD5577#BBDD55#5FD1BA#7249D6#EAABBC
- Fever Dream Monochromatic Color Scheme#82193A#BB2244#DD5577#EF98AA#F6D5DC
More Light Red complementary palettes
- Amour Complementary Color Scheme#EE5851#F9A7A4#45E9FD#11DDDD#B2F8F8
- Angry Flamingo Complementary Color Scheme#F04E45#FB9F93#45E9FD#09CDCD#A4F4F9
- Anime Blush Complementary Color Scheme#FF7A83#FDD7D8#73FDFF#33FFFF#E0FEFE
- Aphrodisiac Complementary Color Scheme#E35A63#EDAAAC#5EE7DF#22CCCC#AFEEEE
- Babe Complementary Color Scheme#DC7B7C#EDC3C5#78D8D9#3DCFC2#CEEEEF
- Begonia Complementary Color Scheme#FA6E79#FDC8CD#66EEEE#26F7FD#D0FEFE
- Berrylicious Complementary Color Scheme#D75E6C#E6A7AC#55DDCC#2CBAA3#B0EEE2
- Bite My Tongue Complementary Color Scheme#D47D72#EBBDB8#71CBD2#30AABC#C0E7EB
- Blood Burst Complementary Color Scheme#FF474C#FEA5A2#41FDFE#00FFEF#ACFFFC
- Blush Bomb Complementary Color Scheme#DD99AA#F5DEE2#99DDCC#66CDAA#E2F7F1
- Blush Hour Complementary Color Scheme#FF6F91#FFC9D7#73FCD6#32FFDC#D8FFF3
- Boho Blush Complementary Color Scheme#E58787#F6D2D4#96E2E1#48D1CC#D7F5F6
Questions
What colors go with Fever Dream?
In a complementary scheme: Emperor’s Children (#F0A0B6), Sweet Garden (#5FD1BA), Aoife’s Green (#27B692), Oasis Stream (#A2EBD8).
What is the hex code of Fever Dream?
#DD5577.