Steam Engine Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Steam Engine (#B2B2AD), each snapped to its nearest named color.
#B2B2AD
#9EAFC2
#A99EC1
#A1A46D
#CCD7E1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Steam Engine | #B2B2AD | 178, 178, 173 | 60°, 3%, 69% | 0, 0, 3, 30 | |
| Sterling Silver | #9EAFC2 | 158, 175, 194 | 212°, 23%, 69% | 19, 10, 0, 24 | |
| Evening Slipper | #A99EC1 | 169, 158, 193 | 259°, 22%, 69% | 12, 18, 0, 24 | |
| Willow Leaf | #A1A46D | 161, 164, 109 | 63°, 23%, 54% | 2, 0, 34, 36 | |
| Blue Reflection | #CCD7E1 | 204, 215, 225 | 209°, 26%, 84% | 9, 4, 0, 12 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A1A46D on #CCD7E1 | 1.79:1 | — |
| Aa #A99EC1 on #CCD7E1 | 1.72:1 | — |
| Aa #9EAFC2 on #CCD7E1 | 1.53:1 | — |
| Aa #B2B2AD on #CCD7E1 | 1.46:1 | — |
| Aa #B2B2AD on #A1A46D | 1.23:1 | — |
| Aa #B2B2AD on #A99EC1 | 1.18:1 | — |
CSS variables
:root {
--color-1: #b2b2ad; /* Steam Engine */
--color-2: #9eafc2; /* Sterling Silver */
--color-3: #a99ec1; /* Evening Slipper */
--color-4: #a1a46d; /* Willow Leaf */
--color-5: #ccd7e1; /* Blue Reflection */
}Other schemes from Steam Engine
- Steam Engine Complementary Color Scheme#B2B2AD#E5E7D5#9D9AC4#696FA5#D9D9EA
- Steam Engine Analogous Color Scheme#C79D9B#C3B09D#B2B2AD#B3C39C#9FC09C
- Steam Engine Triadic Color Scheme#B2B2AD#9BC4C4#C09DC8#EAEADB#6BA5A9
- Steam Engine Tetradic Color Scheme#B2B2AD#9BC2B4#9D9AC4#C69EAE#EAEADB
- Steam Engine Monochromatic Color Scheme#676662#908D86#B2B2AD#D8D7D3#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 Steam Engine?
In a split-complementary scheme: Sterling Silver (#9EAFC2), Evening Slipper (#A99EC1), Willow Leaf (#A1A46D), Blue Reflection (#CCD7E1).
What is the hex code of Steam Engine?
#B2B2AD.