Teardrop Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Teardrop (#D1EAEA), each snapped to its nearest named color.
#6AB9BB
#9ED1D3
#D1EAEA
#ECF7F7
#ECF7F7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Fresh Soft Blue | #6AB9BB | 106, 185, 187 | 181°, 37%, 57% | 43, 1, 0, 27 | |
| Morning Glory | #9ED1D3 | 158, 209, 211 | 182°, 38%, 72% | 25, 1, 0, 17 | |
| Teardrop | #D1EAEA | 209, 234, 234 | 180°, 37%, 87% | 11, 0, 0, 8 | |
| Aijiro White | #ECF7F7 | 236, 247, 247 | 180°, 41%, 95% | 4, 0, 0, 3 | |
| Aijiro White | #ECF7F7 | 236, 247, 247 | 180°, 41%, 95% | 4, 0, 0, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6AB9BB on #ECF7F7 | 2.07:1 | — |
| Aa #6AB9BB on #ECF7F7 | 2.07:1 | — |
| Aa #6AB9BB on #D1EAEA | 1.80:1 | — |
| Aa #9ED1D3 on #ECF7F7 | 1.54:1 | — |
| Aa #9ED1D3 on #ECF7F7 | 1.54:1 | — |
| Aa #6AB9BB on #9ED1D3 | 1.35:1 | — |
CSS variables
:root {
--color-1: #6ab9bb; /* Fresh Soft Blue */
--color-2: #9ed1d3; /* Morning Glory */
--color-3: #d1eaea; /* Teardrop */
--color-4: #ecf7f7; /* Aijiro White */
--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 Tetradic Color Scheme#D1EAEA#DED2E8#EBD2D1#DEE9CF#ECF7F7
More Very Light Teal monochromatic palettes
- Airy Monochromatic Color Scheme#77A2AD#A9C6CB#DAE6E9#F1F3F3#F1F3F3
- Alpine Expedition Monochromatic Color Scheme#04D9FF#45E9FD#99EEFF#E7FEFF#E7FEFF
- Antiguan Monochromatic Color Scheme#54AF9C#8AC5BA#BDDFD8#ECF7F7#ECF7F7
- Bare Mintimum Monochromatic Color Scheme#76A0AF#A6C4CA#D6E3E7#F0F4F8#F0F4F8
- Blister Pearl Monochromatic Color Scheme#00FFCC#55FFCC#AAFFEE#E7FEFF#E7FEFF
- Bone-Chilling Monochromatic Color Scheme#7AC0BB#AEDDD3#E1F2F0#ECF7F7#ECF7F7
- Break the Ice Monochromatic Color Scheme#38AFCD#75C7E0#B2E1EE#EEF7FA#EEF7FA
- Bubbles Monochromatic Color Scheme#53F6FF#9CFAFF#E7FEFF#E7FEFF#E7FEFF
- Calm Waters Monochromatic Color Scheme#6FEBE3#AFEEEE#E7FAFA#EBFCFC#EBFCFC
- Castle in the Sky Monochromatic Color Scheme#62B4C0#98D2D9#D1EAED#ECF7F7#ECF7F7
- Cold Canada Monochromatic Color Scheme#41FDFE#88FFFF#DBFFFE#E7FEFF#E7FEFF
- Cold Omen Monochromatic Color Scheme#72B2AF#A5D0CB#D6EAE8#ECF7F7#ECF7F7
Questions
What colors go with Teardrop?
In a monochromatic scheme: Fresh Soft Blue (#6AB9BB), Morning Glory (#9ED1D3), Aijiro White (#ECF7F7), Aijiro White (#ECF7F7).
What is the hex code of Teardrop?
#D1EAEA.