High Seas Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around High Seas (#7DABD8), each snapped to its nearest named color.
#7DABD8
#DC7B7C
#D3DE7B
#4586C7
#ECB6B5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| High Seas | #7DABD8 | 125, 171, 216 | 210°, 54%, 67% | 42, 21, 0, 15 | |
| Babe | #DC7B7C | 220, 123, 124 | 359°, 58%, 67% | 0, 44, 44, 14 | |
| Ajwain Green | #D3DE7B | 211, 222, 123 | 67°, 60%, 68% | 5, 0, 45, 13 | |
| Casting Sea | #4586C7 | 69, 134, 199 | 210°, 54%, 53% | 65, 33, 0, 22 | |
| Summer Cocktails | #ECB6B5 | 236, 182, 181 | 1°, 59%, 82% | 0, 23, 23, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D3DE7B on #4586C7 | 2.64:1 | — |
| Aa #4586C7 on #ECB6B5 | 2.17:1 | — |
| Aa #DC7B7C on #D3DE7B | 2.02:1 | — |
| Aa #7DABD8 on #D3DE7B | 1.67:1 | — |
| Aa #DC7B7C on #ECB6B5 | 1.66:1 | — |
| Aa #7DABD8 on #4586C7 | 1.58:1 | — |
CSS variables
:root {
--color-1: #7dabd8; /* High Seas */
--color-2: #dc7b7c; /* Babe */
--color-3: #d3de7b; /* Ajwain Green */
--color-4: #4586c7; /* Casting Sea */
--color-5: #ecb6b5; /* Summer Cocktails */
}Other schemes from High Seas
- High Seas Complementary Color Scheme#7DABD8#C4D9EB#D7A97C#C48446#F0DCCB
- High Seas Analogous Color Scheme#7BD9AD#7CD8D6#7DABD8#7777CC#B57EDC
- High Seas Triadic Color Scheme#7DABD8#CF7EAD#AFD77F#CCDDEE#C84186
- High Seas Tetradic Color Scheme#7DABD8#DD77DD#D7A97C#77DD77#CCDDEE
- High Seas Monochromatic Color Scheme#285991#4586C7#7DABD8#BAD1E9#ECF3F9
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 Seas?
In a split-complementary scheme: Babe (#DC7B7C), Ajwain Green (#D3DE7B), Casting Sea (#4586C7), Summer Cocktails (#ECB6B5).
What is the hex code of High Seas?
#7DABD8.