Teardrop Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Teardrop (#D1EAEA), each snapped to its nearest named color.
#D1EAEA
#E7D1DD
#EADFD0
#9ED1D3
#F8EEF4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Teardrop | #D1EAEA | 209, 234, 234 | 180°, 37%, 87% | 11, 0, 0, 8 | |
| Pale Flamingo | #E7D1DD | 231, 209, 221 | 327°, 31%, 86% | 0, 10, 4, 9 | |
| Bobcat Whiskers | #EADFD0 | 234, 223, 208 | 35°, 38%, 87% | 0, 5, 11, 8 | |
| Morning Glory | #9ED1D3 | 158, 209, 211 | 182°, 38%, 72% | 25, 1, 0, 17 | |
| Sentimental Pink | #F8EEF4 | 248, 238, 244 | 324°, 42%, 95% | 0, 4, 2, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9ED1D3 on #F8EEF4 | 1.48:1 | — |
| Aa #D1EAEA on #9ED1D3 | 1.33:1 | — |
| Aa #EADFD0 on #9ED1D3 | 1.28:1 | — |
| Aa #E7D1DD on #F8EEF4 | 1.27:1 | — |
| Aa #E7D1DD on #9ED1D3 | 1.16:1 | — |
| Aa #EADFD0 on #F8EEF4 | 1.16:1 | — |
CSS variables
:root {
--color-1: #d1eaea; /* Teardrop */
--color-2: #e7d1dd; /* Pale Flamingo */
--color-3: #eadfd0; /* Bobcat Whiskers */
--color-4: #9ed1d3; /* Morning Glory */
--color-5: #f8eef4; /* Sentimental Pink */
}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 Tetradic Color Scheme#D1EAEA#DED2E8#EBD2D1#DEE9CF#ECF7F7
- Teardrop Monochromatic Color Scheme#6AB9BB#9ED1D3#D1EAEA#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 Teardrop?
In a split-complementary scheme: Pale Flamingo (#E7D1DD), Bobcat Whiskers (#EADFD0), Morning Glory (#9ED1D3), Sentimental Pink (#F8EEF4).
What is the hex code of Teardrop?
#D1EAEA.