Catch the Wave Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Catch the Wave (#B5DCD8), each snapped to its nearest named color.
#B5DCD8
#DAB6CD
#DAC5B6
#89C1BA
#F4EAF0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Catch the Wave | #B5DCD8 | 181, 220, 216 | 174°, 36%, 79% | 18, 0, 2, 14 | |
| Blissfully Mine | #DAB6CD | 218, 182, 205 | 322°, 33%, 78% | 0, 17, 6, 15 | |
| Mission Stone | #DAC5B6 | 218, 197, 182 | 25°, 33%, 78% | 0, 10, 17, 15 | |
| Undine | #89C1BA | 137, 193, 186 | 173°, 31%, 65% | 29, 0, 4, 24 | |
| Snow Plum | #F4EAF0 | 244, 234, 240 | 324°, 31%, 94% | 0, 4, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #89C1BA on #F4EAF0 | 1.72:1 | — |
| Aa #DAB6CD on #F4EAF0 | 1.55:1 | — |
| Aa #DAC5B6 on #F4EAF0 | 1.41:1 | — |
| Aa #B5DCD8 on #89C1BA | 1.36:1 | — |
| Aa #B5DCD8 on #F4EAF0 | 1.26:1 | — |
| Aa #B5DCD8 on #DAB6CD | 1.23:1 | — |
CSS variables
:root {
--color-1: #b5dcd8; /* Catch the Wave */
--color-2: #dab6cd; /* Blissfully Mine */
--color-3: #dac5b6; /* Mission Stone */
--color-4: #89c1ba; /* Undine */
--color-5: #f4eaf0; /* Snow Plum */
}Other schemes from Catch the Wave
- Catch the Wave Complementary Color Scheme#B5DCD8#ECF7F7#DBB7BA#C88088#F7EFEF
- Catch the Wave Analogous Color Scheme#BCDDB3#B2DDC4#B5DCD8#B4CDDE#B2BADB
- Catch the Wave Triadic Color Scheme#B5DCD8#DEB7D9#DED9B4#ECF7F7#B48AC2
- Catch the Wave Tetradic Color Scheme#B5DCD8#C4B7D8#DBB7BA#CBDCB7#ECF7F7
- Catch the Wave Monochromatic Color Scheme#54AF9C#89C1BA#B5DCD8#EBF5F0#ECF7F7
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
- Cerulean Skies Split-complementary Color Scheme#8CC6CB#C88CA4#CBB08C#52A8B2#E2C3CF
- Clear Water Split-complementary Color Scheme#AAD5DB#DDAABB#D9C7AA#73B7C2#F1E0E8
- Coast to Coast Split-complementary Color Scheme#BDD4D1#D7B9CB#D4C5BA#89BAB2#F4EBEF
Questions
What colors go with Catch the Wave?
In a split-complementary scheme: Blissfully Mine (#DAB6CD), Mission Stone (#DAC5B6), Undine (#89C1BA), Snow Plum (#F4EAF0).
What is the hex code of Catch the Wave?
#B5DCD8.