Harbour Mist Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Harbour Mist (#88AAAA), each snapped to its nearest named color.
#88AAAA
#B18398
#B69981
#558F91
#CEAEBB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Harbour Mist | #88AAAA | 136, 170, 170 | 180°, 17%, 60% | 20, 0, 0, 33 | |
| Heather Violet | #B18398 | 177, 131, 152 | 333°, 23%, 60% | 0, 26, 14, 31 | |
| Cavern Clay | #B69981 | 182, 153, 129 | 27°, 27%, 61% | 0, 16, 29, 29 | |
| Bristol Blue | #558F91 | 85, 143, 145 | 182°, 26%, 45% | 41, 1, 0, 43 | |
| Pink Potion | #CEAEBB | 206, 174, 187 | 336°, 25%, 75% | 0, 16, 9, 19 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #558F91 on #CEAEBB | 1.82:1 | — |
| Aa #B18398 on #CEAEBB | 1.58:1 | — |
| Aa #88AAAA on #558F91 | 1.46:1 | — |
| Aa #B69981 on #558F91 | 1.37:1 | — |
| Aa #B69981 on #CEAEBB | 1.32:1 | — |
| Aa #88AAAA on #B18398 | 1.28:1 | — |
CSS variables
:root {
--color-1: #88aaaa; /* Harbour Mist */
--color-2: #b18398; /* Heather Violet */
--color-3: #b69981; /* Cavern Clay */
--color-4: #558f91; /* Bristol Blue */
--color-5: #ceaebb; /* Pink Potion */
}Other schemes from Harbour Mist
- Harbour Mist Complementary Color Scheme#88AAAA#BAD5D4#B38081#905755#D7BDBE
- Harbour Mist Analogous Color Scheme#82B185#81B39C#88AAAA#819AB1#8881B0
- Harbour Mist Triadic Color Scheme#88AAAA#B883B0#B4B780#BEDBD8#94568C
- Harbour Mist Tetradic Color Scheme#88AAAA#9884B9#B38081#9DB682#BEDBD8
- Harbour Mist Monochromatic Color Scheme#455859#648589#88AAAA#B6CACA#E3EBEA
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 Harbour Mist?
In a split-complementary scheme: Heather Violet (#B18398), Cavern Clay (#B69981), Bristol Blue (#558F91), Pink Potion (#CEAEBB).
What is the hex code of Harbour Mist?
#88AAAA.