Windy Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Windy (#BDD1D2), each snapped to its nearest named color.
#BDD1D2
#D3B8C5
#D4C9BB
#8BB6B8
#F1E8EC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Windy | #BDD1D2 | 189, 209, 210 | 183°, 19%, 78% | 10, 0, 0, 18 | |
| Lavender Blessing | #D3B8C5 | 211, 184, 197 | 331°, 23%, 77% | 0, 13, 7, 17 | |
| Understated | #D4C9BB | 212, 201, 187 | 34°, 23%, 78% | 0, 5, 12, 17 | |
| Summit | #8BB6B8 | 139, 182, 184 | 183°, 24%, 63% | 24, 1, 0, 28 | |
| Rose Fantasy | #F1E8EC | 241, 232, 236 | 333°, 24%, 93% | 0, 4, 2, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8BB6B8 on #F1E8EC | 1.85:1 | — |
| Aa #D3B8C5 on #F1E8EC | 1.53:1 | — |
| Aa #BDD1D2 on #8BB6B8 | 1.39:1 | — |
| Aa #D4C9BB on #F1E8EC | 1.36:1 | — |
| Aa #D4C9BB on #8BB6B8 | 1.36:1 | — |
| Aa #BDD1D2 on #F1E8EC | 1.32:1 | — |
CSS variables
:root {
--color-1: #bdd1d2; /* Windy */
--color-2: #d3b8c5; /* Lavender Blessing */
--color-3: #d4c9bb; /* Understated */
--color-4: #8bb6b8; /* Summit */
--color-5: #f1e8ec; /* Rose Fantasy */
}Other schemes from Windy
- Windy Complementary Color Scheme#BDD1D2#F0F4F2#D8BABC#BB8D88#F4EFEE
- Windy Analogous Color Scheme#B8D4BB#BAD3C7#BDD1D2#BBC6D6#BDBBD7
- Windy Triadic Color Scheme#BDD1D2#D7BAD1#D6D5BC#F0F4F2#B48BB8
- Windy Tetradic Color Scheme#BDD1D2#C8BAD4#D8BABC#C8D5BB#F0F4F2
- Windy Monochromatic Color Scheme#629091#93B2B2#BDD1D2#EAF2F1#F2F3F4
More Light Teal split-complementary palettes
- Aqua Fiesta Split-complementary Color Scheme#96E2E1#E899BE#E0BB96#58CFD4#F2D4E2
- Aquatic Split-complementary Color Scheme#99C1CC#CC99AA#CDBE96#66A4B0#E4CCD4
- Aquatic Edge Split-complementary Color Scheme#BFD6D1#D9BFCE#DAC5BD#89BAB2#F5F0F1
- Bambino Split-complementary Color Scheme#8EDACC#DA93C1#D8A48F#58C8B6#EFC6E1
- Bath Water Split-complementary Color Scheme#88EEEE#FF88BB#EEBB88#45E9FD#F5CEE6
- Beach Glass Split-complementary Color Scheme#96DFCE#DE9BC4#DDA896#58CEB2#EECEE6
- Bevelled Glass Split-complementary Color Scheme#7ACCB8#CD7DB5#CB8F7B#42B395#E4ADD3
- Blizzard Blue Split-complementary Color Scheme#A3E3ED#F0A3BC#EDD2A3#6CDAE7#FAE2ED
- Blue Eye Samurai Split-complementary Color Scheme#75AEBD#BB7788#BEA775#49889A#D8AAB7
- Catch the Wave Split-complementary Color Scheme#B5DCD8#DAB6CD#DAC5B6#89C1BA#F4EAF0
- Cerulean Skies Split-complementary Color Scheme#8CC6CB#C88CA4#CBB08C#52A8B2#E2C3CF
- Clear Water Split-complementary Color Scheme#AAD5DB#DDAABB#D9C7AA#73B7C2#F1E0E8
Questions
What colors go with Windy?
In a split-complementary scheme: Lavender Blessing (#D3B8C5), Understated (#D4C9BB), Summit (#8BB6B8), Rose Fantasy (#F1E8EC).
What is the hex code of Windy?
#BDD1D2.