Fever Dream Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Fever Dream (#DD5577), each snapped to its nearest named color.
#DD5577
#44DD66
#57B8DC
#BB2244
#99EEAA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Fever Dream | #DD5577 | 221, 85, 119 | 345°, 67%, 60% | 0, 62, 46, 13 | |
| Hello Spring | #44DD66 | 68, 221, 102 | 133°, 69%, 57% | 69, 0, 54, 13 | |
| Nancy | #57B8DC | 87, 184, 220 | 196°, 66%, 60% | 60, 16, 0, 14 | |
| Hot Hibiscus | #BB2244 | 187, 34, 68 | 347°, 69%, 43% | 0, 82, 64, 27 | |
| Mint Tonic | #99EEAA | 153, 238, 170 | 132°, 71%, 77% | 36, 0, 29, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BB2244 on #99EEAA | 4.43:1 | AA large |
| Aa #44DD66 on #BB2244 | 3.44:1 | AA large |
| Aa #57B8DC on #BB2244 | 2.71:1 | — |
| Aa #DD5577 on #99EEAA | 2.69:1 | — |
| Aa #DD5577 on #44DD66 | 2.09:1 | — |
| Aa #DD5577 on #57B8DC | 1.65:1 | — |
CSS variables
:root {
--color-1: #dd5577; /* Fever Dream */
--color-2: #44dd66; /* Hello Spring */
--color-3: #57b8dc; /* Nancy */
--color-4: #bb2244; /* Hot Hibiscus */
--color-5: #99eeaa; /* Mint Tonic */
}Other schemes from Fever Dream
- Fever Dream Complementary Color Scheme#DD5577#F0A0B6#5FD1BA#27B692#A2EBD8
- Fever Dream Analogous Color Scheme#BA55D3#DE55A9#DD5577#DD7755#DABA55
- Fever Dream Triadic Color Scheme#DD5577#69D84F#5170D7#EAABBC#55BB33
- Fever Dream Tetradic Color Scheme#DD5577#BBDD55#5FD1BA#7249D6#EAABBC
- Fever Dream Monochromatic Color Scheme#82193A#BB2244#DD5577#EF98AA#F6D5DC
More Light Red split-complementary palettes
- Amour Split-complementary Color Scheme#EE5851#53FCA1#4F8FE6#DD180E#96FBC4
- Angry Flamingo Split-complementary Color Scheme#F04E45#53FCA1#4488EE#DD180E#96FBC4
- Anime Blush Split-complementary Color Scheme#FF7A83#7EFBB3#77CCFF#FF3333#CCFFDD
- Aphrodisiac Split-complementary Color Scheme#E35A63#58F898#5DADEC#D3212D#99EEBB
- Babe Split-complementary Color Scheme#DC7B7C#7BD9AD#7DABD8#D13B40#B2EED3
- Begonia Split-complementary Color Scheme#FA6E79#76FDA8#74BBFB#FF2233#B8F8D8
- Berrylicious Split-complementary Color Scheme#D75E6C#5CCD97#57A9D4#B52F3A#99E6B3
- Bite My Tongue Split-complementary Color Scheme#D47D72#78D1B1#6E99D1#BC4D39#B2E4D0
- Blood Burst Split-complementary Color Scheme#FF474C#58F898#46ADF9#F60206#96FBC4
- Blush Bomb Split-complementary Color Scheme#DD99AA#99DEAD#95CDD8#C7607B#D1F0DD
- Blush Hour Split-complementary Color Scheme#FF6F91#7BE892#76D6FF#FF2255#BDFFCA
- Boho Blush Split-complementary Color Scheme#E58787#8BE0BA#83BCE5#D3494E#D1F1DE
Questions
What colors go with Fever Dream?
In a split-complementary scheme: Hello Spring (#44DD66), Nancy (#57B8DC), Hot Hibiscus (#BB2244), Mint Tonic (#99EEAA).
What is the hex code of Fever Dream?
#DD5577.