Tropical Dream Triadic Color Scheme
Five colors arranged by the triadic rule around Tropical Dream (#D9EAE5), each snapped to its nearest named color.
#D9EAE5
#E7D8EA
#EAE5D8
#F0F4F2
#C4A8CF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Tropical Dream | #D9EAE5 | 217, 234, 229 | 162°, 29%, 88% | 7, 0, 2, 8 | |
| Pale Grey Magenta | #E7D8EA | 231, 216, 234 | 290°, 30%, 88% | 1, 8, 0, 8 | |
| Helium | #EAE5D8 | 234, 229, 216 | 43°, 30%, 88% | 0, 2, 8, 8 | |
| Bakery Box | #F0F4F2 | 240, 244, 242 | 150°, 15%, 95% | 2, 0, 1, 4 | |
| Feminine Fancy | #C4A8CF | 196, 168, 207 | 283°, 29%, 74% | 5, 19, 0, 19 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F0F4F2 on #C4A8CF | 1.92:1 | — |
| Aa #D9EAE5 on #C4A8CF | 1.71:1 | — |
| Aa #EAE5D8 on #C4A8CF | 1.70:1 | — |
| Aa #E7D8EA on #C4A8CF | 1.56:1 | — |
| Aa #E7D8EA on #F0F4F2 | 1.23:1 | — |
| Aa #EAE5D8 on #F0F4F2 | 1.13:1 | — |
CSS variables
:root {
--color-1: #d9eae5; /* Tropical Dream */
--color-2: #e7d8ea; /* Pale Grey Magenta */
--color-3: #eae5d8; /* Helium */
--color-4: #f0f4f2; /* Bakery Box */
--color-5: #c4a8cf; /* Feminine Fancy */
}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 Split-complementary Color Scheme#D9EAE5#E9DBE4#EADDD7#A7D0C5#F8EEF4
- Tropical Dream Tetradic Color Scheme#D9EAE5#D9D9EA#E9D9DC#E5EAD8#F0F4F2
- Tropical Dream Monochromatic Color Scheme#73B7A5#A7D0C5#D9EAE5#F0F4F2#F0F4F2
More Very Light Green triadic palettes
- Airy Fields Triadic Color Scheme#DBE0C4#C5DCE0#E1C6D6#F4F7EE#95BCC5
- Ambrosia Triadic Color Scheme#C6E1BC#BBC5E2#E4BDC2#F1F8EC#8895C5
- Amnesiac White Triadic Color Scheme#F8FBEB#E8F7FD#FCEBFA#F8FBEB#ACE1F0
- Arabica Mint Triadic Color Scheme#C0FFEE#EFC0FE#FFEFC1#E7FAFA#DF73FF
- Bath Bubbles Triadic Color Scheme#E6F2EA#ECE7F2#F2EBE6#EFF5F1#C0B2D7
- Bethlehem Superstar Triadic Color Scheme#EAEEDA#DBEAED#EDDBE9#F4F7EE#A6CCD6
- Blissful Serenity Triadic Color Scheme#EAEED8#DAEBEF#EFD7E7#F6F7ED#A1CED7
- Breath of Celery Triadic Color Scheme#DCE7CB#C9DCE7#E6CCDD#F4F7EE#9CBACD
- Candied Snow Triadic Color Scheme#D8FFF3#EEDDFF#FFF2D7#EBFCF5#D783FF
- Caribbean Triadic Color Scheme#CAF0E5#EECCEE#F1E4CB#E9F9F5#CC88DD
- Clair de Lune Triadic Color Scheme#DBE9DF#DCDDE7#E8DEDB#EFF5F1#B4AECC
- Creamy Garlic Triadic Color Scheme#ECEFE3#E3ECED#EEE1EB#F4F7EE#B4CBD4
Questions
What colors go with Tropical Dream?
In a triadic scheme: Pale Grey Magenta (#E7D8EA), Helium (#EAE5D8), Bakery Box (#F0F4F2), Feminine Fancy (#C4A8CF).
What is the hex code of Tropical Dream?
#D9EAE5.