Teardrop Tetradic Color Scheme
Five colors arranged by the tetradic rule around Teardrop (#D1EAEA), each snapped to its nearest named color.
#D1EAEA
#DED2E8
#EBD2D1
#DEE9CF
#ECF7F7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Teardrop | #D1EAEA | 209, 234, 234 | 180°, 37%, 87% | 11, 0, 0, 8 | |
| Teary Eyed | #DED2E8 | 222, 210, 232 | 273°, 32%, 87% | 4, 9, 0, 9 | |
| Raspberry Milk | #EBD2D1 | 235, 210, 209 | 2°, 39%, 87% | 0, 11, 11, 8 | |
| Whiff of Green | #DEE9CF | 222, 233, 207 | 85°, 37%, 86% | 5, 0, 11, 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 #DED2E8 on #ECF7F7 | 1.33:1 | — |
| Aa #EBD2D1 on #ECF7F7 | 1.31:1 | — |
| Aa #DEE9CF on #ECF7F7 | 1.15:1 | — |
| Aa #D1EAEA on #ECF7F7 | 1.15:1 | — |
| Aa #D1EAEA on #DED2E8 | 1.15:1 | — |
| Aa #DED2E8 on #DEE9CF | 1.15:1 | — |
CSS variables
:root {
--color-1: #d1eaea; /* Teardrop */
--color-2: #ded2e8; /* Teary Eyed */
--color-3: #ebd2d1; /* Raspberry Milk */
--color-4: #dee9cf; /* Whiff of Green */
--color-5: #ecf7f7; /* Aijiro White */
}Other schemes from Teardrop
- Teardrop Complementary Color Scheme#D1EAEA#ECF7F7#EBD2D1#D19C97#F6EEED
- Teardrop Analogous Color Scheme#D2EAD5#CFEBDE#D1EAEA#D0DDE9#D0D2E9
- Teardrop Triadic Color Scheme#D1EAEA#E7CFE8#EAEBD1#ECF7F7#D39ED2
- Teardrop Split-complementary Color Scheme#D1EAEA#E7D1DD#EADFD0#9ED1D3#F8EEF4
- Teardrop Monochromatic Color Scheme#6AB9BB#9ED1D3#D1EAEA#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 Teardrop?
In a tetradic scheme: Teary Eyed (#DED2E8), Raspberry Milk (#EBD2D1), Whiff of Green (#DEE9CF), Aijiro White (#ECF7F7).
What is the hex code of Teardrop?
#D1EAEA.