Steam Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Steam (#DDDDDD), each snapped to its nearest named color.
#DDDDDD
#D3E7DC
#D6DDE6
#C6A4A4
#EFF5F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Steam | #DDDDDD | 221, 221, 221 | 0°, 0%, 87% | 0, 0, 0, 13 | 89.8% 0.000 0 | |
| Light Light Lichen | #D3E7DC | 211, 231, 220 | 147°, 29%, 87% | 9, 0, 5, 9 | 91.0% 0.026 162 | |
| Shy Candela | #D6DDE6 | 214, 221, 230 | 214°, 24%, 87% | 7, 4, 0, 10 | 89.5% 0.014 255 | |
| Pale Mauve | #C6A4A4 | 198, 164, 164 | 0°, 23%, 71% | 0, 17, 17, 22 | 74.9% 0.040 18 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 | 96.5% 0.008 157 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C6A4A4 on #EFF5F1 | 2.05:1 | — |
| Aa #D3E7DC on #C6A4A4 | 1.76:1 | — |
| Aa #DDDDDD on #C6A4A4 | 1.67:1 | — |
| Aa #D6DDE6 on #C6A4A4 | 1.66:1 | — |
| Aa #D6DDE6 on #EFF5F1 | 1.24:1 | — |
| Aa #DDDDDD on #EFF5F1 | 1.23:1 | — |
CSS variables
:root {
--color-1: #dddddd; /* Steam */
--color-2: #d3e7dc; /* Light Light Lichen */
--color-3: #d6dde6; /* Shy Candela */
--color-4: #c6a4a4; /* Pale Mauve */
--color-5: #eff5f1; /* Heavy Sugar */
}Other schemes from Steam
- Steam Complementary Color Scheme#DDDDDD#F4EFEE#D6E6E6#A4C8C8#F0F4F2
- Steam Analogous Color Scheme#E4D7E5#E8D5DD#DDDDDD#E6DDD5#E5E7D5
- Steam Triadic Color Scheme#DDDDDD#D6E8D5#D6D4E6#F4EFEE#A2C7A3
- Steam Tetradic Color Scheme#DDDDDD#DEE7D4#D6E6E6#DDD6E7#F4EFEE
- Steam Monochromatic Color Scheme#919191#B8B8B8#DDDDDD#F3F3F2#F3F3F2
More very light gray split-complementary color schemes
- Alaska Split-complementary Color Scheme#DADAD1#C9D4E1#D8CBE0#C8C197#EEF2F3
- Apollo Landing Split-complementary Color Scheme#E5E5E1#DCE4E9#E5DBEB#CECDAD#EEF2F3
- Big Fish to Fry Split-complementary Color Scheme#DADBE1#E6DAD6#E1E5D7#A6A8C5#F5F0F1
- Blowing Smoke Split-complementary Color Scheme#D2D1D0#C6DEDF#C7C5DC#C0AD96#F0F4F2
- Chrome Split-complementary Color Scheme#E1DFE1#E0EAD8#D7E7E0#C9A8CE#F4F4F0
- Closet Skeletons Split-complementary Color Scheme#E1DED9#D6E3E7#D6D4E6#CABCA4#F0F4F2
- Coconut Agony Split-complementary Color Scheme#EBE8E7#E4EEEB#E2E6EF#D2BBB2#F0F4F2
- Columbo’s Coat Split-complementary Color Scheme#D0CBCE#C1D8C5#C1D8D9#BA90AD#EFF5F1
- Concrete Split-complementary Color Scheme#D2D1CD#C4D3DC#CBC5D9#BEB394#F1F3F3
- Day on Mercury Split-complementary Color Scheme#D5D2D1#C8DDDA#CACFDC#C1A097#F0F4F2
- Desired Dawn Split-complementary Color Scheme#D8D7D9#E1E2CF#D2E3CC#AF9FCA#F6F4EF
- Diamonds in the Sky Split-complementary Color Scheme#E5E2E1#DCECE7#DCE0EA#CDB3AC#F0F4F2
Questions
What colors go with Steam?
In a split-complementary scheme: Light Light Lichen (#D3E7DC), Shy Candela (#D6DDE6), Pale Mauve (#C6A4A4), Heavy Sugar (#EFF5F1).
What is the hex code of Steam?
#DDDDDD.