Tropical Mist Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Tropical Mist (#CAE8E8), each snapped to its nearest named color.
#CAE8E8
#EAC8DA
#E6D9CA
#96D0D1
#F8EEF4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Tropical Mist | #CAE8E8 | 202, 232, 232 | 180°, 39%, 85% | 13, 0, 0, 9 | |
| Merry Pink | #EAC8DA | 234, 200, 218 | 328°, 45%, 85% | 0, 15, 7, 8 | |
| Riviera Dune | #E6D9CA | 230, 217, 202 | 32°, 36%, 85% | 0, 6, 12, 10 | |
| Big Surf | #96D0D1 | 150, 208, 209 | 181°, 39%, 70% | 28, 0, 0, 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 #96D0D1 on #F8EEF4 | 1.51:1 | — |
| Aa #EAC8DA on #F8EEF4 | 1.35:1 | — |
| Aa #CAE8E8 on #96D0D1 | 1.33:1 | — |
| Aa #E6D9CA on #96D0D1 | 1.24:1 | — |
| Aa #E6D9CA on #F8EEF4 | 1.22:1 | — |
| Aa #CAE8E8 on #EAC8DA | 1.18:1 | — |
CSS variables
:root {
--color-1: #cae8e8; /* Tropical Mist */
--color-2: #eac8da; /* Merry Pink */
--color-3: #e6d9ca; /* Riviera Dune */
--color-4: #96d0d1; /* Big Surf */
--color-5: #f8eef4; /* Sentimental Pink */
}Other schemes from Tropical Mist
- Tropical Mist Complementary Color Scheme#CAE8E8#ECF7F7#E7C9CA#D49595#F6EEED
- Tropical Mist Analogous Color Scheme#CBE9C9#CDE7DB#CAE8E8#C9D9E7#C7CCE7
- Tropical Mist Triadic Color Scheme#CAE8E8#E6CEE6#E8E9CC#ECF7F7#CC99CC
- Tropical Mist Tetradic Color Scheme#CAE8E8#D9CDE5#E7C9CA#D9E8C9#ECF7F7
- Tropical Mist Monochromatic Color Scheme#5DBCB4#96D0D1#CAE8E8#ECF7F7#ECF7F7
More Very Light Teal split-complementary palettes
- Airy Split-complementary Color Scheme#DAE6E9#E9DBDF#EAE4DA#A9C6CB#F5F0F1
- Alpine Expedition Split-complementary Color Scheme#99EEFF#FF9BB7#FFDD99#45E9FD#FFE5ED
- Antiguan Split-complementary Color Scheme#BDDFD8#DCBFD5#DFC7BC#8AC5BA#F8EEF4
- Bare Mintimum Split-complementary Color Scheme#D6E3E7#E8D8DA#E7E3D6#A6C4CA#F5F0F1
- Blister Pearl Split-complementary Color Scheme#AAFFEE#FFAAEE#FFC4AE#55FFCC#FFE3F4
- Bone-Chilling Split-complementary Color Scheme#E1F2F0#F3E0EB#F3E8E1#AEDDD3#F8EEF4
- Break the Ice Split-complementary Color Scheme#B2E1EE#EDB2C4#F1DAB2#75C7E0#F8EAED
- Bubbles Split-complementary Color Scheme#E7FEFF#FFE6F1#FFF2E4#9CFAFF#FFE6F1
- Calm Waters Split-complementary Color Scheme#E7FAFA#F9E7F4#F9F2E7#AFEEEE#FCEBF4
- Castle in the Sky Split-complementary Color Scheme#D1EAED#EBD0DB#EDE1D1#98D2D9#F7EFEF
- Cold Canada Split-complementary Color Scheme#DBFFFE#FFDDEE#FFEBDA#88FFFF#FFE6F1
- Cold Omen Split-complementary Color Scheme#D6EAE8#EAD3E0#EBDED7#A5D0CB#F8EEF4
Questions
What colors go with Tropical Mist?
In a split-complementary scheme: Merry Pink (#EAC8DA), Riviera Dune (#E6D9CA), Big Surf (#96D0D1), Sentimental Pink (#F8EEF4).
What is the hex code of Tropical Mist?
#CAE8E8.