Lost at Sea Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Lost at Sea (#8D9CA7), each snapped to its nearest named color.
#8D9CA7
#B48286
#B4AC84
#53778F
#CEB0B5
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Lost at Sea | #8D9CA7 | 141, 156, 167 | 205°, 13%, 60% | 16, 7, 0, 35 | 68.4% 0.024 240 | |
| Retro Pink | #B48286 | 180, 130, 134 | 355°, 25%, 61% | 0, 28, 26, 29 | 65.7% 0.062 14 | |
| Tarragon Tease | #B4AC84 | 180, 172, 132 | 50°, 24%, 61% | 0, 4, 27, 29 | 74.1% 0.055 98 | |
| Melancholic Sea | #53778F | 83, 119, 143 | 204°, 27%, 44% | 42, 17, 0, 44 | 55.2% 0.055 238 | |
| Izmir Pink | #CEB0B5 | 206, 176, 181 | 350°, 23%, 75% | 0, 15, 12, 19 | 78.5% 0.035 7 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #53778F on #CEB0B5 | 2.39:1 | — |
| Aa #B4AC84 on #53778F | 2.08:1 | — |
| Aa #8D9CA7 on #53778F | 1.69:1 | — |
| Aa #B48286 on #CEB0B5 | 1.62:1 | — |
| Aa #B48286 on #53778F | 1.47:1 | — |
| Aa #B48286 on #B4AC84 | 1.42:1 | — |
CSS variables
:root {
--color-1: #8d9ca7; /* Lost at Sea */
--color-2: #b48286; /* Retro Pink */
--color-3: #b4ac84; /* Tarragon Tease */
--color-4: #53778f; /* Melancholic Sea */
--color-5: #ceb0b5; /* Izmir Pink */
}Other schemes from Lost at Sea
- Lost at Sea Complementary Color Scheme#8D9CA7#B9C9D7#AF9781#906E58#DACAC0
- Lost at Sea Analogous Color Scheme#86B394#85B3B2#8D9CA7#8881B0#9884B9
- Lost at Sea Triadic Color Scheme#8D9CA7#AC839C#9DB682#C1CEDA#8B5776
- Lost at Sea Tetradic Color Scheme#8D9CA7#B085B7#AF9781#82B185#C1CEDA
- Lost at Sea Monochromatic Color Scheme#445056#657682#8D9CA7#B8C0C8#E3E7E9
More light blue split-complementary color schemes
- 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 Lost at Sea?
In a split-complementary scheme: Retro Pink (#B48286), Tarragon Tease (#B4AC84), Melancholic Sea (#53778F), Izmir Pink (#CEB0B5).
What is the hex code of Lost at Sea?
#8D9CA7.