Windy Tetradic Color Scheme
Five colors arranged by the tetradic rule around Windy (#BDD1D2), each snapped to its nearest named color.
#BDD1D2
#C8BAD4
#D8BABC
#C8D5BB
#F0F4F2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Windy | #BDD1D2 | 189, 209, 210 | 183°, 19%, 78% | 10, 0, 0, 18 | |
| Purple Shine | #C8BAD4 | 200, 186, 212 | 272°, 23%, 78% | 6, 12, 0, 17 | |
| Bombay Pink | #D8BABC | 216, 186, 188 | 356°, 28%, 79% | 0, 14, 13, 15 | |
| Willow Tree Mouse | #C8D5BB | 200, 213, 187 | 90°, 24%, 78% | 6, 0, 12, 16 | |
| Bakery Box | #F0F4F2 | 240, 244, 242 | 150°, 15%, 95% | 2, 0, 1, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C8BAD4 on #F0F4F2 | 1.66:1 | — |
| Aa #D8BABC on #F0F4F2 | 1.62:1 | — |
| Aa #BDD1D2 on #F0F4F2 | 1.43:1 | — |
| Aa #C8D5BB on #F0F4F2 | 1.38:1 | — |
| Aa #C8BAD4 on #C8D5BB | 1.20:1 | — |
| Aa #D8BABC on #C8D5BB | 1.17:1 | — |
CSS variables
:root {
--color-1: #bdd1d2; /* Windy */
--color-2: #c8bad4; /* Purple Shine */
--color-3: #d8babc; /* Bombay Pink */
--color-4: #c8d5bb; /* Willow Tree Mouse */
--color-5: #f0f4f2; /* Bakery Box */
}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 Split-complementary Color Scheme#BDD1D2#D3B8C5#D4C9BB#8BB6B8#F1E8EC
- Windy Monochromatic Color Scheme#629091#93B2B2#BDD1D2#EAF2F1#F2F3F4
More Light Teal tetradic palettes
- Aqua Fiesta Tetradic Color Scheme#96E2E1#BF94E4#E3969B#B2E191#E7FAFA
- Aquatic Tetradic Color Scheme#99C1CC#BD97CF#CDA59C#ABCA99#DDEBED
- Aquatic Edge Tetradic Color Scheme#BFD6D1#C4BBD6#D5BCC2#D0D8BE#F0F4F2
- Bambino Tetradic Color Scheme#8EDACC#AA8ED6#D68F9F#C3DB8D#DDF2EE
- Bath Water Tetradic Color Scheme#88EEEE#BF8FE5#EE8888#BBEE88#E0FEFE
- Beach Glass Tetradic Color Scheme#96DFCE#B19CD9#DD98A6#CCDE95#E2F7F1
- Bevelled Glass Tetradic Color Scheme#7ACCB8#8E72C7#CC7A8B#BACB7C#C1E6DF
- Blizzard Blue Tetradic Color Scheme#A3E3ED#DDAAEE#EBADA5#BEE7A5#E7FAFA
- Blue Eye Samurai Tetradic Color Scheme#75AEBD#A274B5#BE8774#8ABD7B#BCD7DF
- Catch the Wave Tetradic Color Scheme#B5DCD8#C4B7D8#DBB7BA#CBDCB7#ECF7F7
- Cerulean Skies Tetradic Color Scheme#8CC6CB#B090C7#CE8E8B#ABC88C#D3E9EC
- Clear Water Tetradic Color Scheme#AAD5DB#CAADD8#D9B1AA#B8DCA7#ECF7F7
Questions
What colors go with Windy?
In a tetradic scheme: Purple Shine (#C8BAD4), Bombay Pink (#D8BABC), Willow Tree Mouse (#C8D5BB), Bakery Box (#F0F4F2).
What is the hex code of Windy?
#BDD1D2.