Tropical Mist Tetradic Color Scheme
Five colors arranged by the tetradic rule around Tropical Mist (#CAE8E8), each snapped to its nearest named color.
#CAE8E8
#D9CDE5
#E7C9CA
#D9E8C9
#ECF7F7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Tropical Mist | #CAE8E8 | 202, 232, 232 | 180°, 39%, 85% | 13, 0, 0, 9 | |
| Bashful Pansy | #D9CDE5 | 217, 205, 229 | 270°, 32%, 85% | 5, 10, 0, 10 | |
| Pink Spinel | #E7C9CA | 231, 201, 202 | 358°, 38%, 85% | 0, 13, 13, 9 | |
| Flower Bulb | #D9E8C9 | 217, 232, 201 | 89°, 40%, 85% | 6, 0, 13, 9 | |
| Aijiro White | #ECF7F7 | 236, 247, 247 | 180°, 41%, 95% | 4, 0, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E7C9CA on #ECF7F7 | 1.41:1 | — |
| Aa #D9CDE5 on #ECF7F7 | 1.39:1 | — |
| Aa #E7C9CA on #D9E8C9 | 1.20:1 | — |
| Aa #CAE8E8 on #E7C9CA | 1.19:1 | — |
| Aa #CAE8E8 on #ECF7F7 | 1.18:1 | — |
| Aa #D9CDE5 on #D9E8C9 | 1.18:1 | — |
CSS variables
:root {
--color-1: #cae8e8; /* Tropical Mist */
--color-2: #d9cde5; /* Bashful Pansy */
--color-3: #e7c9ca; /* Pink Spinel */
--color-4: #d9e8c9; /* Flower Bulb */
--color-5: #ecf7f7; /* Aijiro White */
}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 Split-complementary Color Scheme#CAE8E8#EAC8DA#E6D9CA#96D0D1#F8EEF4
- Tropical Mist Monochromatic Color Scheme#5DBCB4#96D0D1#CAE8E8#ECF7F7#ECF7F7
More Very Light Teal tetradic palettes
- Airy Tetradic Color Scheme#DAE6E9#E3DAE9#E8DEDA#DFEADB#F1F3F3
- Alpine Expedition Tetradic Color Scheme#99EEFF#D59CFC#FFAA99#BBFF99#E7FEFF
- Antiguan Tetradic Color Scheme#BDDFD8#C6BEDD#DCBDC8#DDDEBE#ECF7F7
- Bare Mintimum Tetradic Color Scheme#D6E3E7#E3D6E9#E6DAD6#DAE9D6#F0F4F8
- Blister Pearl Tetradic Color Scheme#AAFFEE#CCAAFF#FFAABB#EEFFAA#E7FEFF
- Bone-Chilling Tetradic Color Scheme#E1F2F0#E7E0EE#F0E2E4#ECF3E1#ECF7F7
- Break the Ice Tetradic Color Scheme#B2E1EE#DDAAEE#F1BFB1#CEEBB2#EEF7FA
- Bubbles Tetradic Color Scheme#E7FEFF#F0EBFC#FFE8E5#F1FDE9#E7FEFF
- Calm Waters Tetradic Color Scheme#E7FAFA#EEE9F9#FBE7E6#F3F9E9#EBFCFC
- Castle in the Sky Tetradic Color Scheme#D1EAED#E9D2EF#ECD4D2#DAEED3#ECF7F7
- Cold Canada Tetradic Color Scheme#DBFFFE#EEDDFF#FFDADC#EEFFDD#E7FEFF
- Cold Omen Tetradic Color Scheme#D6EAE8#DDD6E7#ECD5D9#E3EAD6#ECF7F7
Questions
What colors go with Tropical Mist?
In a tetradic scheme: Bashful Pansy (#D9CDE5), Pink Spinel (#E7C9CA), Flower Bulb (#D9E8C9), Aijiro White (#ECF7F7).
What is the hex code of Tropical Mist?
#CAE8E8.