Valley of Tears Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Valley of Tears (#D1E1E4), each snapped to its nearest named color.
#D1E1E4
#E4D2D8
#E4DED0
#A4C3C5
#F5F0F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Valley of Tears | #D1E1E4 | 209, 225, 228 | 189°, 26%, 86% | 8, 1, 0, 11 | |
| Ibis Mouse | #E4D2D8 | 228, 210, 216 | 340°, 25%, 86% | 0, 8, 5, 11 | |
| Hint of Cream | #E4DED0 | 228, 222, 208 | 42°, 27%, 85% | 0, 3, 9, 11 | |
| Ocean Kiss | #A4C3C5 | 164, 195, 197 | 184°, 22%, 71% | 17, 1, 0, 23 | |
| Plastic Clouds | #F5F0F1 | 245, 240, 241 | 348°, 20%, 95% | 0, 2, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A4C3C5 on #F5F0F1 | 1.66:1 | — |
| Aa #E4DED0 on #A4C3C5 | 1.40:1 | — |
| Aa #D1E1E4 on #A4C3C5 | 1.39:1 | — |
| Aa #E4D2D8 on #A4C3C5 | 1.30:1 | — |
| Aa #E4D2D8 on #F5F0F1 | 1.28:1 | — |
| Aa #D1E1E4 on #F5F0F1 | 1.19:1 | — |
CSS variables
:root {
--color-1: #d1e1e4; /* Valley of Tears */
--color-2: #e4d2d8; /* Ibis Mouse */
--color-3: #e4ded0; /* Hint of Cream */
--color-4: #a4c3c5; /* Ocean Kiss */
--color-5: #f5f0f1; /* Plastic Clouds */
}Other schemes from Valley of Tears
- Valley of Tears Complementary Color Scheme#D1E1E4#F0F4F8#E3D4CF#C8A6A1#F7EFEF
- Valley of Tears Analogous Color Scheme#D1E6D5#CEE5DF#D1E1E4#D4D8E3#D5D3E3
- Valley of Tears Triadic Color Scheme#D1E1E4#E4D4E2#E3E4D2#F0F4F8#C2A4C2
- Valley of Tears Tetradic Color Scheme#D1E1E4#DFD3E3#E3D4CF#DAE3D0#F0F4F8
- Valley of Tears Monochromatic Color Scheme#77A2AD#A4C3C5#D1E1E4#F0F4F8#F0F4F8
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 Valley of Tears?
In a split-complementary scheme: Ibis Mouse (#E4D2D8), Hint of Cream (#E4DED0), Ocean Kiss (#A4C3C5), Plastic Clouds (#F5F0F1).
What is the hex code of Valley of Tears?
#D1E1E4.