High Tide Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around High Tide (#85A6C8), each snapped to its nearest named color.
#85A6C8
#C68886
#C7CA86
#4B81AF
#E2BCB8
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| High Tide | #85A6C8 | 133, 166, 200 | 210°, 38%, 65% | 34, 17, 0, 22 | |
| All’s Ace | #C68886 | 198, 136, 134 | 2°, 36%, 65% | 0, 31, 32, 22 | |
| Chimes | #C7CA86 | 199, 202, 134 | 63°, 39%, 66% | 1, 0, 34, 21 | |
| Seabrook | #4B81AF | 75, 129, 175 | 208°, 40%, 49% | 57, 26, 0, 31 | |
| Balcony Rose | #E2BCB8 | 226, 188, 184 | 6°, 42%, 80% | 0, 17, 19, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C7CA86 on #4B81AF | 2.42:1 | — |
| Aa #4B81AF on #E2BCB8 | 2.40:1 | — |
| Aa #C68886 on #C7CA86 | 1.68:1 | — |
| Aa #C68886 on #E2BCB8 | 1.67:1 | — |
| Aa #85A6C8 on #4B81AF | 1.64:1 | — |
| Aa #85A6C8 on #C7CA86 | 1.47:1 | — |
CSS variables
:root {
--color-1: #85a6c8; /* High Tide */
--color-2: #c68886; /* All’s Ace */
--color-3: #c7ca86; /* Chimes */
--color-4: #4b81af; /* Seabrook */
--color-5: #e2bcb8; /* Balcony Rose */
}Other schemes from High Tide
- High Tide Complementary Color Scheme#85A6C8#C4D3E5#C8A883#B0834F#E7DBCA
- High Tide Analogous Color Scheme#85C7A6#85C5C8#85A6C8#8C87C5#A183C0
- High Tide Triadic Color Scheme#85A6C8#CA83A7#ADC484#C9D9E7#B15384
- High Tide Tetradic Color Scheme#85A6C8#C290C5#C8A883#85CA87#C9D9E7
- High Tide Monochromatic Color Scheme#365C7D#4B81AF#85A6C8#B9CEE0#EDF2F8
More Light Blue split-complementary palettes
- Acapulco Dive Split-complementary Color Scheme#65A7DD#D76968#DCD867#2987C7#EBA0A7
- Adrift on the Nile Split-complementary Color Scheme#93B8E3#E29991#E5E896#518FD1#F5D1CF
- Airborne Split-complementary Color Scheme#A2C2D0#CFA2AD#D0C6A1#70A5B7#ECD5D9
- Arcane Brew Split-complementary Color Scheme#5260E1#E68750#A7E142#243BCD#E8B793
- Arctic Ice Split-complementary Color Scheme#B6BDD0#D2BBB2#CCD1B2#818DB3#F0E5E5
- Azureno Split-complementary Color Scheme#8FA0D5#D5A193#C3DB8D#5D76CB#EBCFC7
- Below Zero Split-complementary Color Scheme#87CDED#F08497#EAD988#4CA8E0#F8CAD5
- Birdie Num Num Split-complementary Color Scheme#89ACDA#DA8C87#D8DB8B#5383C3#EEC6C3
- Blank Stare Split-complementary Color Scheme#8B9CAC#B38380#B4B780#597695#CEB0B5
- Blue Bay Split-complementary Color Scheme#619AD6#D46362#D6D963#3473B7#E39E9C
- Blue Haze Split-complementary Color Scheme#BDBACE#D2C7B7#C1D0B2#9188B5#EFEDE6
- Blue Jay Split-complementary Color Scheme#5588DD#DD6655#D0D557#2266BB#E29D94
Questions
What colors go with High Tide?
In a split-complementary scheme: All’s Ace (#C68886), Chimes (#C7CA86), Seabrook (#4B81AF), Balcony Rose (#E2BCB8).
What is the hex code of High Tide?
#85A6C8.