Machinery Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Machinery (#9999AA), each snapped to its nearest named color.
#9999AA
#BAA38B
#A4BA8A
#5E5896
#D5C7BA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Machinery | #9999AA | 153, 153, 170 | 240°, 9%, 63% | 10, 10, 0, 33 | 68.8% 0.025 286 | |
| Sesame | #BAA38B | 186, 163, 139 | 31°, 25%, 64% | 0, 12, 25, 27 | 72.9% 0.043 68 | |
| Forest Tapestry | #A4BA8A | 164, 186, 138 | 87°, 26%, 64% | 12, 0, 26, 27 | 76.0% 0.070 128 | |
| Old Nan Yarn | #5E5896 | 94, 88, 150 | 246°, 26%, 47% | 37, 41, 0, 41 | 49.4% 0.097 287 | |
| Touch of Sand | #D5C7BA | 213, 199, 186 | 29°, 24%, 78% | 0, 7, 13, 16 | 83.8% 0.024 65 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #5E5896 on #D5C7BA | 3.84:1 | AA large |
| Aa #A4BA8A on #5E5896 | 3.01:1 | AA large |
| Aa #BAA38B on #5E5896 | 2.63:1 | — |
| Aa #9999AA on #5E5896 | 2.26:1 | — |
| Aa #9999AA on #D5C7BA | 1.70:1 | — |
| Aa #BAA38B on #D5C7BA | 1.46:1 | — |
CSS variables
:root {
--color-1: #9999aa; /* Machinery */
--color-2: #baa38b; /* Sesame */
--color-3: #a4ba8a; /* Forest Tapestry */
--color-4: #5e5896; /* Old Nan Yarn */
--color-5: #d5c7ba; /* Touch of Sand */
}Other schemes from Machinery
- Machinery Complementary Color Scheme#9999AA#C2C7DB#BBB98A#9A9959#DEDFC9
- Machinery Analogous Color Scheme#8BB6B8#90A2B7#9999AA#A18AB7#B48BB8
- Machinery Triadic Color Scheme#9999AA#B68B88#8DBC8A#CBCCDF#935A59
- Machinery Tetradic Color Scheme#9999AA#B48CA3#BBB98A#86B7A1#CBCCDF
- Machinery Monochromatic Color Scheme#4C4E5D#6C7186#9999AA#C4C2CD#EBECF0
More light gray split-complementary color schemes
- 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 Machinery?
In a split-complementary scheme: Sesame (#BAA38B), Forest Tapestry (#A4BA8A), Old Nan Yarn (#5E5896), Touch of Sand (#D5C7BA).
What is the hex code of Machinery?
#9999AA.