Lost in Time Complementary Color Scheme
Five colors arranged by the complementary rule around Lost in Time (#9FAFBD), each snapped to its nearest named color.
#9FAFBD
#D3DDE4
#C2AC9B
#A9876A
#E9E1D9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lost in Time | #9FAFBD | 159, 175, 189 | 208°, 19%, 68% | 16, 7, 0, 26 | |
| A Dime a Dozen | #D3DDE4 | 211, 221, 228 | 205°, 24%, 86% | 7, 3, 0, 11 | |
| Fall Mood | #C2AC9B | 194, 172, 155 | 26°, 24%, 68% | 0, 11, 20, 24 | |
| Caramel Sundae | #A9876A | 169, 135, 106 | 28°, 27%, 54% | 0, 20, 37, 34 | |
| Spring Wood | #E9E1D9 | 233, 225, 217 | 30°, 27%, 88% | 0, 3, 7, 9 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A9876A on #E9E1D9 | 2.55:1 | — |
| Aa #D3DDE4 on #A9876A | 2.39:1 | — |
| Aa #9FAFBD on #E9E1D9 | 1.74:1 | — |
| Aa #C2AC9B on #E9E1D9 | 1.68:1 | — |
| Aa #9FAFBD on #D3DDE4 | 1.63:1 | — |
| Aa #D3DDE4 on #C2AC9B | 1.58:1 | — |
CSS variables
:root {
--color-1: #9fafbd; /* Lost in Time */
--color-2: #d3dde4; /* A Dime a Dozen */
--color-3: #c2ac9b; /* Fall Mood */
--color-4: #a9876a; /* Caramel Sundae */
--color-5: #e9e1d9; /* Spring Wood */
}Other schemes from Lost in Time
- Lost in Time Analogous Color Scheme#9FC5AA#9BC4C4#9FAFBD#979AC4#A798C2
- Lost in Time Triadic Color Scheme#9FAFBD#C69EAE#B3C39C#DAE2E9#AA6988
- Lost in Time Split-complementary Color Scheme#9FAFBD#C4989E#C8C197#6A8AA4#DDCCCC
- Lost in Time Tetradic Color Scheme#9FAFBD#C09DC8#C2AC9B#9FC09C#DAE2E9
- Lost in Time Monochromatic Color Scheme#4E6173#6F8C9F#9FAFBD#CBD5DB#F2F2F4
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 in Time?
In a complementary scheme: A Dime a Dozen (#D3DDE4), Fall Mood (#C2AC9B), Caramel Sundae (#A9876A), Spring Wood (#E9E1D9).
What is the hex code of Lost in Time?
#9FAFBD.