Lost at Sea Complementary Color Scheme
Five colors arranged by the complementary rule around Lost at Sea (#8D9CA7), each snapped to its nearest named color.
#8D9CA7
#B9C9D7
#AF9781
#906E58
#DACAC0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lost at Sea | #8D9CA7 | 141, 156, 167 | 205°, 13%, 60% | 16, 7, 0, 35 | |
| Powder Soft Blue | #B9C9D7 | 185, 201, 215 | 208°, 27%, 78% | 14, 7, 0, 16 | |
| Mexican Sand | #AF9781 | 175, 151, 129 | 29°, 22%, 60% | 0, 14, 26, 31 | |
| Mushroom Brown | #906E58 | 144, 110, 88 | 24°, 24%, 45% | 0, 24, 39, 44 | |
| Coconut Macaroon | #DACAC0 | 218, 202, 192 | 23°, 26%, 80% | 0, 7, 12, 15 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #906E58 on #DACAC0 | 2.89:1 | — |
| Aa #B9C9D7 on #906E58 | 2.72:1 | — |
| Aa #8D9CA7 on #DACAC0 | 1.77:1 | — |
| Aa #AF9781 on #DACAC0 | 1.74:1 | — |
| Aa #8D9CA7 on #B9C9D7 | 1.67:1 | — |
| Aa #AF9781 on #906E58 | 1.66:1 | — |
CSS variables
:root {
--color-1: #8d9ca7; /* Lost at Sea */
--color-2: #b9c9d7; /* Powder Soft Blue */
--color-3: #af9781; /* Mexican Sand */
--color-4: #906e58; /* Mushroom Brown */
--color-5: #dacac0; /* Coconut Macaroon */
}Other schemes from Lost at Sea
- 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 Split-complementary Color Scheme#8D9CA7#B48286#B4AC84#53778F#CEB0B5
- 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 complementary palettes
- Acapulco Dive Complementary Color Scheme#65A7DD#ABD0EA#DD9966#C56F2B#EDD2B7
- Adrift on the Nile Complementary Color Scheme#93B8E3#DBE9F4#E6BF95#D19957#F9EFE4
- Airborne Complementary Color Scheme#A2C2D0#DFEBEE#CEADA3#B8866E#F2EBE6
- Arcane Brew Complementary Color Scheme#5260E1#A3B1F2#E2CD52#C0AD28#EEE8AA
- Arctic Ice Complementary Color Scheme#B6BDD0#EBEEF3#D2CBB4#B8A983#F6F4EF
- Azureno Complementary Color Scheme#8FA0D5#D2DAED#D3C190#C0A85A#F1EBD9
- Below Zero Complementary Color Scheme#87CDED#D5EDFB#EDAA86#E27945#FBE8E0
- Birdie Num Num Complementary Color Scheme#89ACDA#CFDFEF#DCB68A#CC9350#F1E6D6
- Blank Stare Complementary Color Scheme#8B9CAC#BECBD7#B49C83#927558#D9CDC3
- Blue Bay Complementary Color Scheme#619AD6#ABCAEA#D79E62#BB7731#ECD0B1
- Blue Haze Complementary Color Scheme#BDBACE#F3F1F3#CFD2B5#B1B787#F4F4F0
- Blue Jay Complementary Color Scheme#5588DD#A3BAE3#DDAA55#BF852B#ECD5AA
Questions
What colors go with Lost at Sea?
In a complementary scheme: Powder Soft Blue (#B9C9D7), Mexican Sand (#AF9781), Mushroom Brown (#906E58), Coconut Macaroon (#DACAC0).
What is the hex code of Lost at Sea?
#8D9CA7.