Silent Film Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Silent Film (#9FA5A5), each snapped to its nearest named color.
#9FA5A5
#B48CA3
#BAA38B
#5F9B9C
#D7B9CB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Silent Film | #9FA5A5 | 159, 165, 165 | 180°, 3%, 64% | 4, 0, 0, 35 | |
| Lover’s Tryst | #B48CA3 | 180, 140, 163 | 326°, 21%, 63% | 0, 22, 9, 29 | |
| Sesame | #BAA38B | 186, 163, 139 | 31°, 25%, 64% | 0, 12, 25, 27 | |
| Jugendstil Turquoise | #5F9B9C | 95, 155, 156 | 181°, 24%, 49% | 39, 1, 0, 39 | |
| Spring Boutique | #D7B9CB | 215, 185, 203 | 324°, 27%, 78% | 0, 14, 6, 16 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #5F9B9C on #D7B9CB | 1.76:1 | — |
| Aa #B48CA3 on #D7B9CB | 1.62:1 | — |
| Aa #9FA5A5 on #D7B9CB | 1.39:1 | — |
| Aa #BAA38B on #D7B9CB | 1.34:1 | — |
| Aa #BAA38B on #5F9B9C | 1.31:1 | — |
| Aa #9FA5A5 on #5F9B9C | 1.26:1 | — |
CSS variables
:root {
--color-1: #9fa5a5; /* Silent Film */
--color-2: #b48ca3; /* Lover’s Tryst */
--color-3: #baa38b; /* Sesame */
--color-4: #5f9b9c; /* Jugendstil Turquoise */
--color-5: #d7b9cb; /* Spring Boutique */
}Other schemes from Silent Film
- Silent Film Complementary Color Scheme#9FA5A5#C4DADD#BB8A8E#9B5B55#E2C9C8
- Silent Film Analogous Color Scheme#8DBC8A#86B7A1#9FA5A5#90A2B7#888CBA
- Silent Film Triadic Color Scheme#9FA5A5#B48BB8#BBB98A#C9E1E0#9F5F9F
- Silent Film Tetradic Color Scheme#9FA5A5#A18AB7#BB8A8E#A4BA8A#C9E1E0
- Silent Film Monochromatic Color Scheme#535558#758181#9FA5A5#C6CACA#EFEEEF
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 Silent Film?
In a split-complementary scheme: Lover’s Tryst (#B48CA3), Sesame (#BAA38B), Jugendstil Turquoise (#5F9B9C), Spring Boutique (#D7B9CB).
What is the hex code of Silent Film?
#9FA5A5.