Wavelet Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Wavelet (#7DC4CD), each snapped to its nearest named color.
#7DC4CD
#D37C99
#CFAF7B
#4DA6B2
#E4B6C4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Wavelet | #7DC4CD | 125, 196, 205 | 187°, 44%, 65% | 39, 4, 0, 20 | |
| Little Bow Pink | #D37C99 | 211, 124, 153 | 340°, 50%, 66% | 0, 41, 27, 17 | |
| Fawn | #CFAF7B | 207, 175, 123 | 37°, 47%, 65% | 0, 15, 41, 19 | |
| Freshwater | #4DA6B2 | 77, 166, 178 | 187°, 40%, 50% | 57, 7, 0, 30 | |
| Japanese Rose Garden | #E4B6C4 | 228, 182, 196 | 342°, 46%, 80% | 0, 20, 14, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D37C99 on #E4B6C4 | 1.66:1 | — |
| Aa #4DA6B2 on #E4B6C4 | 1.59:1 | — |
| Aa #7DC4CD on #D37C99 | 1.50:1 | — |
| Aa #7DC4CD on #4DA6B2 | 1.44:1 | — |
| Aa #D37C99 on #CFAF7B | 1.42:1 | — |
| Aa #CFAF7B on #4DA6B2 | 1.36:1 | — |
CSS variables
:root {
--color-1: #7dc4cd; /* Wavelet */
--color-2: #d37c99; /* Little Bow Pink */
--color-3: #cfaf7b; /* Fawn */
--color-4: #4da6b2; /* Freshwater */
--color-5: #e4b6c4; /* Japanese Rose Garden */
}Other schemes from Wavelet
- Wavelet Complementary Color Scheme#7DC4CD#BFE1E6#CD827D#B85045#EBC9C6
- Wavelet Analogous Color Scheme#78CF86#79CCB3#7DC4CD#7A9DCB#8878C3
- Wavelet Triadic Color Scheme#7DC4CD#CC77CC#C6CD7D#C6E4E9#BB44AA
- Wavelet Tetradic Color Scheme#7DC4CD#A87DC2#CD827D#9DCA7B#C6E4E9
- Wavelet Monochromatic Color Scheme#347284#4DA6B2#7DC4CD#B3DAE2#EBF6F7
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 Wavelet?
In a split-complementary scheme: Little Bow Pink (#D37C99), Fawn (#CFAF7B), Freshwater (#4DA6B2), Japanese Rose Garden (#E4B6C4).
What is the hex code of Wavelet?
#7DC4CD.