Tropical Dream Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Tropical Dream (#D9EAE5), each snapped to its nearest named color.
#D9EAE5
#E9DBE4
#EADDD7
#A7D0C5
#F8EEF4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Tropical Dream | #D9EAE5 | 217, 234, 229 | 162°, 29%, 88% | 7, 0, 2, 8 | |
| Twinkled Pink | #E9DBE4 | 233, 219, 228 | 321°, 24%, 89% | 0, 6, 2, 9 | |
| Wistful Beige | #EADDD7 | 234, 221, 215 | 19°, 31%, 88% | 0, 6, 8, 8 | |
| Whirlpool Green | #A7D0C5 | 167, 208, 197 | 164°, 30%, 74% | 20, 0, 5, 18 | |
| Sentimental Pink | #F8EEF4 | 248, 238, 244 | 324°, 42%, 95% | 0, 4, 2, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A7D0C5 on #F8EEF4 | 1.49:1 | — |
| Aa #D9EAE5 on #A7D0C5 | 1.35:1 | — |
| Aa #EADDD7 on #A7D0C5 | 1.27:1 | — |
| Aa #E9DBE4 on #A7D0C5 | 1.26:1 | — |
| Aa #E9DBE4 on #F8EEF4 | 1.18:1 | — |
| Aa #EADDD7 on #F8EEF4 | 1.17:1 | — |
CSS variables
:root {
--color-1: #d9eae5; /* Tropical Dream */
--color-2: #e9dbe4; /* Twinkled Pink */
--color-3: #eaddd7; /* Wistful Beige */
--color-4: #a7d0c5; /* Whirlpool Green */
--color-5: #f8eef4; /* Sentimental Pink */
}Other schemes from Tropical Dream
- Tropical Dream Complementary Color Scheme#D9EAE5#F0F4F2#E9D9DC#D1ABB5#F5F0F1
- Tropical Dream Analogous Color Scheme#DEEAD8#DAE9DC#D9EAE5#DAE6E9#DADEE9
- Tropical Dream Triadic Color Scheme#D9EAE5#E7D8EA#EAE5D8#F0F4F2#C4A8CF
- Tropical Dream Tetradic Color Scheme#D9EAE5#D9D9EA#E9D9DC#E5EAD8#F0F4F2
- Tropical Dream Monochromatic Color Scheme#73B7A5#A7D0C5#D9EAE5#F0F4F2#F0F4F2
More Very Light Green split-complementary palettes
- Airy Fields Split-complementary Color Scheme#DBE0C4#C6CDE0#D7C9E3#B6CA90#EDF2F8
- Ambrosia Split-complementary Color Scheme#C6E1BC#CABAE0#E1BCD8#9CCA84#EBECF5
- Amnesiac White Split-complementary Color Scheme#F8FBEB#E7EFFB#F8EBFC#E3EBAE#E7EFFB
- Arabica Mint Split-complementary Color Scheme#C0FFEE#FEC9ED#FCCDC1#73FCD6#FEE8F5
- Bath Bubbles Split-complementary Color Scheme#E6F2EA#F0E5F5#F2E7E7#B3D5C0#F8EEF4
- Bethlehem Superstar Split-complementary Color Scheme#EAEEDA#D9E0EE#E7D7EF#CFD5A7#EDF2F8
- Blissful Serenity Split-complementary Color Scheme#EAEED8#D6DFEC#E7D7EF#CFD4A4#EDF2F8
- Breath of Celery Split-complementary Color Scheme#DCE7CB#CACFE6#E6CEE6#BBCC99#EDF2F8
- Candied Snow Split-complementary Color Scheme#D8FFF3#FFDBF7#FEE0DA#8CFFDB#FEE8F5
- Caribbean Split-complementary Color Scheme#CAF0E5#EFC9EC#F1D2C9#88DDCC#FCEBF4
- Clair de Lune Split-complementary Color Scheme#DBE9DF#E5DBEB#E9DBDE#AACCB9#F6F1F4
- Creamy Garlic Split-complementary Color Scheme#ECEFE3#E2E6EF#EDE2EE#CCD1B2#EDF2F8
Questions
What colors go with Tropical Dream?
In a split-complementary scheme: Twinkled Pink (#E9DBE4), Wistful Beige (#EADDD7), Whirlpool Green (#A7D0C5), Sentimental Pink (#F8EEF4).
What is the hex code of Tropical Dream?
#D9EAE5.