Silver Lining Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Silver Lining (#B8B1A5), each snapped to its nearest named color.
#B8B1A5
#9BBCC3
#A09BC6
#A79069
#CADDDE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Silver Lining | #B8B1A5 | 184, 177, 165 | 38°, 12%, 68% | 0, 4, 10, 28 | |
| Bel Esprit | #9BBCC3 | 155, 188, 195 | 190°, 25%, 69% | 21, 4, 0, 24 | |
| Cosmo Purple | #A09BC6 | 160, 155, 198 | 247°, 27%, 69% | 19, 22, 0, 22 | |
| Rattan Basket | #A79069 | 167, 144, 105 | 38°, 26%, 53% | 0, 14, 37, 35 | |
| Light Relax | #CADDDE | 202, 221, 222 | 183°, 23%, 83% | 9, 0, 0, 13 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A79069 on #CADDDE | 2.18:1 | — |
| Aa #A09BC6 on #CADDDE | 1.86:1 | — |
| Aa #9BBCC3 on #A79069 | 1.52:1 | — |
| Aa #B8B1A5 on #CADDDE | 1.51:1 | — |
| Aa #B8B1A5 on #A79069 | 1.44:1 | — |
| Aa #9BBCC3 on #CADDDE | 1.44:1 | — |
CSS variables
:root {
--color-1: #b8b1a5; /* Silver Lining */
--color-2: #9bbcc3; /* Bel Esprit */
--color-3: #a09bc6; /* Cosmo Purple */
--color-4: #a79069; /* Rattan Basket */
--color-5: #caddde; /* Light Relax */
}Other schemes from Silver Lining
- Silver Lining Complementary Color Scheme#B8B1A5#E4DED5#99AAC8#7082A4#DCE0EA
- Silver Lining Analogous Color Scheme#C59DAA#C1A097#B8B1A5#BFC298#AAC69A
- Silver Lining Triadic Color Scheme#B8B1A5#9BC2B4#B598C3#E9E3DA#6DA493
- Silver Lining Tetradic Color Scheme#B8B1A5#9FC5AA#99AAC8#CC99BB#E9E3DA
- Silver Lining Monochromatic Color Scheme#6E6455#958D79#B8B1A5#D9D6CF#F3F3F2
More Light Gray split-complementary palettes
- Alpine Air Split-complementary Color Scheme#A9B4A9#B598C3#C99BB0#72A86A#D6C9DE
- Argento Split-complementary Color Scheme#CECAC3#BAD0D5#BDBBD7#B8A88A#EAF2F1
- Brume Split-complementary Color Scheme#C6C6C2#B6C4D2#C3B5D4#B1B787#E4EAED
- Casper Split-complementary Color Scheme#AAB5B8#C59DAA#C3B89F#6C9DA9#E1CED4
- Cathedral Split-complementary Color Scheme#ACAAA7#93BCBB#9791BC#A18A64#C5D9DB
- Cortex Split-complementary Color Scheme#A99592#84B6A2#899BB8#956159#B5D1C7
- Crown of Ash Split-complementary Color Scheme#A1A9A9#BB8DA8#BEA58E#5F9B9C#D8BFC8
- Dangerous Robot Split-complementary Color Scheme#CBC5C6#BBD9C3#BBCFD4#BC8A90#EAF2ED
- Dark Ages Split-complementary Color Scheme#9698A3#B99684#ABB486#536193#D1BEB4
- Dim Split-complementary Color Scheme#C8C2BE#B7D1D1#B2B7D1#B69983#E5EEEE
- Dove Split-complementary Color Scheme#B3ADA7#9CC2C5#979AC4#A3876A#C6DEDF
- Dusky Mood Split-complementary Color Scheme#979BA8#B69289#A8B989#5A6E9C#D5BFB4
Questions
What colors go with Silver Lining?
In a split-complementary scheme: Bel Esprit (#9BBCC3), Cosmo Purple (#A09BC6), Rattan Basket (#A79069), Light Relax (#CADDDE).
What is the hex code of Silver Lining?
#B8B1A5.