Sail Into the Horizon Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Sail Into the Horizon (#A3BBDC), each snapped to its nearest named color.
#A3BBDC
#D9A6A1
#DADBA0
#6C91C5
#F2DBDB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sail Into the Horizon | #A3BBDC | 163, 187, 220 | 215°, 45%, 75% | 26, 15, 0, 14 | |
| Mellow Rose | #D9A6A1 | 217, 166, 161 | 5°, 42%, 74% | 0, 24, 26, 15 | |
| Burgundy Grey | #DADBA0 | 218, 219, 160 | 61°, 45%, 74% | 0, 0, 27, 14 | |
| Cornflower Blue | #6C91C5 | 108, 145, 197 | 215°, 43%, 60% | 45, 26, 0, 23 | |
| Lover’s Knot | #F2DBDB | 242, 219, 219 | 0°, 47%, 90% | 0, 10, 10, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6C91C5 on #F2DBDB | 2.45:1 | — |
| Aa #DADBA0 on #6C91C5 | 2.25:1 | — |
| Aa #A3BBDC on #6C91C5 | 1.65:1 | — |
| Aa #D9A6A1 on #F2DBDB | 1.61:1 | — |
| Aa #D9A6A1 on #6C91C5 | 1.53:1 | — |
| Aa #A3BBDC on #F2DBDB | 1.49:1 | — |
CSS variables
:root {
--color-1: #a3bbdc; /* Sail Into the Horizon */
--color-2: #d9a6a1; /* Mellow Rose */
--color-3: #dadba0; /* Burgundy Grey */
--color-4: #6c91c5; /* Cornflower Blue */
--color-5: #f2dbdb; /* Lover’s Knot */
}Other schemes from Sail Into the Horizon
- Sail Into the Horizon Complementary Color Scheme#A3BBDC#E9EDF6#DDC3A4#C7A06C#F8F4ED
- Sail Into the Horizon Analogous Color Scheme#A6D6C3#A7D8DE#A3BBDC#A6A1D7#C9A0DC
- Sail Into the Horizon Triadic Color Scheme#A3BBDC#DFA3BA#B8DCA7#EDF2F8#CD6D93
- Sail Into the Horizon Tetradic Color Scheme#A3BBDC#DEA1DD#DDC3A4#A0D9A3#EDF2F8
- Sail Into the Horizon Monochromatic Color Scheme#366FA6#6C91C5#A3BBDC#DAE4EE#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 Sail Into the Horizon?
In a split-complementary scheme: Mellow Rose (#D9A6A1), Burgundy Grey (#DADBA0), Cornflower Blue (#6C91C5), Lover’s Knot (#F2DBDB).
What is the hex code of Sail Into the Horizon?
#A3BBDC.