Shore Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Shore (#81D5C6), each snapped to its nearest named color.
#81D5C6
#D983BD
#D29B83
#45C3AD
#E7BCD4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Shore | #81D5C6 | 129, 213, 198 | 169°, 50%, 67% | 39, 0, 7, 16 | |
| Pink Punk | #D983BD | 217, 131, 189 | 320°, 53%, 68% | 0, 40, 13, 15 | |
| Dusty Coral | #D29B83 | 210, 155, 131 | 18°, 47%, 67% | 0, 26, 38, 18 | |
| Melbourne Cup | #45C3AD | 69, 195, 173 | 170°, 51%, 52% | 65, 0, 11, 24 | |
| Child’s Play | #E7BCD4 | 231, 188, 212 | 327°, 47%, 82% | 0, 19, 8, 9 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D983BD on #E7BCD4 | 1.58:1 | — |
| Aa #81D5C6 on #D983BD | 1.55:1 | — |
| Aa #D29B83 on #E7BCD4 | 1.43:1 | — |
| Aa #81D5C6 on #D29B83 | 1.40:1 | — |
| Aa #45C3AD on #E7BCD4 | 1.30:1 | — |
| Aa #81D5C6 on #45C3AD | 1.27:1 | — |
CSS variables
:root {
--color-1: #81d5c6; /* Shore */
--color-2: #d983bd; /* Pink Punk */
--color-3: #d29b83; /* Dusty Coral */
--color-4: #45c3ad; /* Melbourne Cup */
--color-5: #e7bcd4; /* Child’s Play */
}Other schemes from Shore
- Shore Complementary Color Scheme#81D5C6#CAEDE4#CE858F#C24359#F0CDD2
- Shore Analogous Color Scheme#8CCE86#8FD89F#81D5C6#8ABBD0#8596D2
- Shore Triadic Color Scheme#81D5C6#C687D6#D2C880#CFEEE8#BB44CC
- Shore Tetradic Color Scheme#81D5C6#8A83DA#CE858F#BCD382#CFEEE8
- Shore Monochromatic Color Scheme#319177#45C3AD#81D5C6#BAE9E0#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 Shore?
In a split-complementary scheme: Pink Punk (#D983BD), Dusty Coral (#D29B83), Melbourne Cup (#45C3AD), Child’s Play (#E7BCD4).
What is the hex code of Shore?
#81D5C6.