Tropical Mist Complementary Color Scheme
Five colors arranged by the complementary rule around Tropical Mist (#CAE8E8), each snapped to its nearest named color.
#CAE8E8
#ECF7F7
#E7C9CA
#D49595
#F6EEED
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Tropical Mist | #CAE8E8 | 202, 232, 232 | 180°, 39%, 85% | 13, 0, 0, 9 | |
| Aijiro White | #ECF7F7 | 236, 247, 247 | 180°, 41%, 95% | 4, 0, 0, 3 | |
| Pink Spinel | #E7C9CA | 231, 201, 202 | 358°, 38%, 85% | 0, 13, 13, 9 | |
| Keel Joy | #D49595 | 212, 149, 149 | 0°, 42%, 71% | 0, 30, 30, 17 | |
| Grannie’s Pearls | #F6EEED | 246, 238, 237 | 7°, 33%, 95% | 0, 3, 4, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #ECF7F7 on #D49595 | 2.25:1 | — |
| Aa #D49595 on #F6EEED | 2.15:1 | — |
| Aa #CAE8E8 on #D49595 | 1.90:1 | — |
| Aa #E7C9CA on #D49595 | 1.59:1 | — |
| Aa #ECF7F7 on #E7C9CA | 1.41:1 | — |
| Aa #E7C9CA on #F6EEED | 1.35:1 | — |
CSS variables
:root {
--color-1: #cae8e8; /* Tropical Mist */
--color-2: #ecf7f7; /* Aijiro White */
--color-3: #e7c9ca; /* Pink Spinel */
--color-4: #d49595; /* Keel Joy */
--color-5: #f6eeed; /* Grannie’s Pearls */
}Other schemes from Tropical Mist
- Tropical Mist Analogous Color Scheme#CBE9C9#CDE7DB#CAE8E8#C9D9E7#C7CCE7
- Tropical Mist Triadic Color Scheme#CAE8E8#E6CEE6#E8E9CC#ECF7F7#CC99CC
- Tropical Mist Split-complementary Color Scheme#CAE8E8#EAC8DA#E6D9CA#96D0D1#F8EEF4
- Tropical Mist Tetradic Color Scheme#CAE8E8#D9CDE5#E7C9CA#D9E8C9#ECF7F7
- Tropical Mist Monochromatic Color Scheme#5DBCB4#96D0D1#CAE8E8#ECF7F7#ECF7F7
More Very Light Teal complementary palettes
- Airy Complementary Color Scheme#DAE6E9#F1F3F3#E8DEDA#CDB1AB#F4EFEE
- Alpine Expedition Complementary Color Scheme#99EEFF#E7FEFF#FFAA99#FF6C51#FDEAE6
- Antiguan Complementary Color Scheme#BDDFD8#ECF7F7#DCBDC8#C78B95#F7EFEF
- Bare Mintimum Complementary Color Scheme#D6E3E7#F0F4F8#E6DAD6#CDAEA5#F7EFEF
- Blister Pearl Complementary Color Scheme#AAFFEE#E7FEFF#FFAABB#FD5B78#FFE6EC
- Bone-Chilling Complementary Color Scheme#E1F2F0#ECF7F7#F0E2E4#DDADAF#F6EEED
- Break the Ice Complementary Color Scheme#B2E1EE#EEF7FA#F1BFB1#E08771#FAEFE9
- Bubbles Complementary Color Scheme#E7FEFF#E7FEFF#FFE8E5#FF9999#FFE8E5
- Calm Waters Complementary Color Scheme#E7FAFA#EBFCFC#FBE7E6#F1AAA8#F9EAEA
- Castle in the Sky Complementary Color Scheme#D1EAED#ECF7F7#ECD4D2#DBA39A#F6EEED
- Cold Canada Complementary Color Scheme#DBFFFE#E7FEFF#FFDADC#FC9293#FFE6E7
- Cold Omen Complementary Color Scheme#D6EAE8#ECF7F7#ECD5D9#D1A5A6#F7EFEF
Questions
What colors go with Tropical Mist?
In a complementary scheme: Aijiro White (#ECF7F7), Pink Spinel (#E7C9CA), Keel Joy (#D49595), Grannie’s Pearls (#F6EEED).
What is the hex code of Tropical Mist?
#CAE8E8.