Sailor Boy Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Sailor Boy (#AEBBD0), each snapped to its nearest named color.
#AEBBD0
#CDB3AC
#CECEAF
#7C94B3
#EEE0DD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Sailor Boy | #AEBBD0 | 174, 187, 208 | 217°, 27%, 75% | 16, 10, 0, 18 | |
| Plymouth Notch | #CDB3AC | 205, 179, 172 | 13°, 25%, 74% | 0, 13, 16, 20 | |
| Longbeard Grey | #CECEAF | 206, 206, 175 | 60°, 24%, 75% | 0, 0, 15, 19 | |
| Celestial Horizon | #7C94B3 | 124, 148, 179 | 214°, 27%, 59% | 31, 17, 0, 30 | |
| Powder Room | #EEE0DD | 238, 224, 221 | 11°, 33%, 90% | 0, 6, 7, 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #7C94B3 on #EEE0DD | 2.42:1 | — |
| Aa #CECEAF on #7C94B3 | 1.94:1 | — |
| Aa #AEBBD0 on #7C94B3 | 1.60:1 | — |
| Aa #CDB3AC on #7C94B3 | 1.58:1 | — |
| Aa #CDB3AC on #EEE0DD | 1.54:1 | — |
| Aa #AEBBD0 on #EEE0DD | 1.51:1 | — |
CSS variables
:root {
--color-1: #aebbd0; /* Sailor Boy */
--color-2: #cdb3ac; /* Plymouth Notch */
--color-3: #ceceaf; /* Longbeard Grey */
--color-4: #7c94b3; /* Celestial Horizon */
--color-5: #eee0dd; /* Powder Room */
}Other schemes from Sailor Boy
- Sailor Boy Complementary Color Scheme#AEBBD0#E9ECF1#D1C3AD#B49D7B#F6F4EF
- Sailor Boy Analogous Color Scheme#AFD1C4#B2CED2#AEBBD0#B4AECC#C5AECF
- Sailor Boy Triadic Color Scheme#AEBBD0#CEAEBB#BDD0B1#EEF2F3#B37E8C
- Sailor Boy Tetradic Color Scheme#AEBBD0#D1ACCE#D1C3AD#ADD0B3#EEF2F3
- Sailor Boy Monochromatic Color Scheme#546E91#7C94B3#AEBBD0#DEE5EC#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 Sailor Boy?
In a split-complementary scheme: Plymouth Notch (#CDB3AC), Longbeard Grey (#CECEAF), Celestial Horizon (#7C94B3), Powder Room (#EEE0DD).
What is the hex code of Sailor Boy?
#AEBBD0.