Coast to Coast Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Coast to Coast (#BDD4D1), each snapped to its nearest named color.
#BDD4D1
#D7B9CB
#D4C5BA
#89BAB2
#F4EBEF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Coast to Coast | #BDD4D1 | 189, 212, 209 | 172°, 21%, 79% | 11, 0, 1, 17 | |
| Spring Boutique | #D7B9CB | 215, 185, 203 | 324°, 27%, 78% | 0, 14, 6, 16 | |
| Christobel | #D4C5BA | 212, 197, 186 | 25°, 23%, 78% | 0, 7, 12, 17 | |
| Morning Green | #89BAB2 | 137, 186, 178 | 170°, 26%, 63% | 26, 0, 4, 27 | |
| Dress Pink | #F4EBEF | 244, 235, 239 | 333°, 29%, 94% | 0, 4, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #89BAB2 on #F4EBEF | 1.85:1 | — |
| Aa #D7B9CB on #F4EBEF | 1.54:1 | — |
| Aa #D4C5BA on #F4EBEF | 1.44:1 | — |
| Aa #BDD4D1 on #89BAB2 | 1.39:1 | — |
| Aa #BDD4D1 on #F4EBEF | 1.33:1 | — |
| Aa #D4C5BA on #89BAB2 | 1.28:1 | — |
CSS variables
:root {
--color-1: #bdd4d1; /* Coast to Coast */
--color-2: #d7b9cb; /* Spring Boutique */
--color-3: #d4c5ba; /* Christobel */
--color-4: #89bab2; /* Morning Green */
--color-5: #f4ebef; /* Dress Pink */
}Other schemes from Coast to Coast
- Coast to Coast Complementary Color Scheme#BDD4D1#F0F4F2#D7BDBE#BC8A90#F5F0F1
- Coast to Coast Analogous Color Scheme#BBD9BC#BBD9C3#BDD4D1#BECBD7#B7BDD6
- Coast to Coast Triadic Color Scheme#BDD4D1#D3BED5#D6D5BC#F0F4F2#B48BB8
- Coast to Coast Tetradic Color Scheme#BDD4D1#C4BBD6#D7BDBE#CCD6BC#F0F4F2
- Coast to Coast Monochromatic Color Scheme#679591#91B4B3#BDD4D1#EAF2F1#F0F4F2
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 Coast to Coast?
In a split-complementary scheme: Spring Boutique (#D7B9CB), Christobel (#D4C5BA), Morning Green (#89BAB2), Dress Pink (#F4EBEF).
What is the hex code of Coast to Coast?
#BDD4D1.