Sailing Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Sailing (#869CBB), each snapped to its nearest named color.
#869CBB
#BB8D88
#B8BA87
#5A789A
#D9BCB7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sailing | #869CBB | 134, 156, 187 | 215°, 28%, 63% | 28, 17, 0, 27 | |
| Smoky Pink | #BB8D88 | 187, 141, 136 | 6°, 27%, 63% | 0, 25, 27, 27 | |
| Aloe Plant | #B8BA87 | 184, 186, 135 | 62°, 27%, 63% | 1, 0, 27, 27 | |
| Quiet Harbour | #5A789A | 90, 120, 154 | 212°, 26%, 48% | 42, 22, 0, 40 | |
| Rose Yoghurt | #D9BCB7 | 217, 188, 183 | 9°, 31%, 78% | 0, 13, 16, 15 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #5A789A on #D9BCB7 | 2.58:1 | — |
| Aa #B8BA87 on #5A789A | 2.27:1 | — |
| Aa #869CBB on #5A789A | 1.63:1 | — |
| Aa #BB8D88 on #D9BCB7 | 1.62:1 | — |
| Aa #BB8D88 on #5A789A | 1.59:1 | — |
| Aa #869CBB on #D9BCB7 | 1.58:1 | — |
CSS variables
:root {
--color-1: #869cbb; /* Sailing */
--color-2: #bb8d88; /* Smoky Pink */
--color-3: #b8ba87; /* Aloe Plant */
--color-4: #5a789a; /* Quiet Harbour */
--color-5: #d9bcb7; /* Rose Yoghurt */
}Other schemes from Sailing
- Sailing Complementary Color Scheme#869CBB#C1CEDA#BBA587#9D805D#E0D6C8
- Sailing Analogous Color Scheme#83BAA8#81B6BC#869CBB#9187BD#A885B5
- Sailing Triadic Color Scheme#869CBB#BB8899#99BB88#C7D3E0#9D5C75
- Sailing Tetradic Color Scheme#869CBB#BA86B5#BBA587#83BA8E#C7D3E0
- Sailing Monochromatic Color Scheme#3C4F6E#5A789A#869CBB#B7C3D7#E9ECF1
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 Sailing?
In a split-complementary scheme: Smoky Pink (#BB8D88), Aloe Plant (#B8BA87), Quiet Harbour (#5A789A), Rose Yoghurt (#D9BCB7).
What is the hex code of Sailing?
#869CBB.