Wave Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Wave (#A5CED5), each snapped to its nearest named color.
#A5CED5
#D4A1B5
#D4C4A7
#6FB0BE
#EFD9E1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Wave | #A5CED5 | 165, 206, 213 | 189°, 36%, 74% | 23, 3, 0, 16 | |
| Gizmo | #D4A1B5 | 212, 161, 181 | 336°, 37%, 73% | 0, 24, 15, 17 | |
| Stalactite Brown | #D4C4A7 | 212, 196, 167 | 39°, 34%, 74% | 0, 8, 21, 17 | |
| Water Music | #6FB0BE | 111, 176, 190 | 191°, 38%, 59% | 42, 7, 0, 25 | |
| Rosa Bonito | #EFD9E1 | 239, 217, 225 | 338°, 41%, 89% | 0, 9, 6, 6 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6FB0BE on #EFD9E1 | 1.82:1 | — |
| Aa #D4A1B5 on #EFD9E1 | 1.64:1 | — |
| Aa #A5CED5 on #6FB0BE | 1.44:1 | — |
| Aa #D4C4A7 on #6FB0BE | 1.42:1 | — |
| Aa #A5CED5 on #D4A1B5 | 1.30:1 | — |
| Aa #D4A1B5 on #D4C4A7 | 1.28:1 | — |
CSS variables
:root {
--color-1: #a5ced5; /* Wave */
--color-2: #d4a1b5; /* Gizmo */
--color-3: #d4c4a7; /* Stalactite Brown */
--color-4: #6fb0be; /* Water Music */
--color-5: #efd9e1; /* Rosa Bonito */
}Other schemes from Wave
- Wave Complementary Color Scheme#A5CED5#E2EFF2#D8ACA0#BB7B6D#F4EDEC
- Wave Analogous Color Scheme#A5D7B2#A6D6C3#A5CED5#A7B2D4#B2A5D3
- Wave Triadic Color Scheme#A5CED5#D6A5CD#CFD4A4#EBF6F7#BA7AB3
- Wave Tetradic Color Scheme#A5CED5#C4A8CF#D8ACA0#B8D7A6#EBF6F7
- Wave Monochromatic Color Scheme#4B9099#6FB0BE#A5CED5#DBEAED#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
- 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 Wave?
In a split-complementary scheme: Gizmo (#D4A1B5), Stalactite Brown (#D4C4A7), Water Music (#6FB0BE), Rosa Bonito (#EFD9E1).
What is the hex code of Wave?
#A5CED5.