Steam Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Steam (#DDDDDD), each snapped to its nearest named color.
#919191
#B8B8B8
#DDDDDD
#F3F3F2
#F3F3F2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Tin | #919191 | 145, 145, 145 | 0°, 0%, 57% | 0, 0, 0, 43 | 65.7% 0.000 0 | |
| Fortress Grey | #B8B8B8 | 184, 184, 184 | 0°, 0%, 72% | 0, 0, 0, 28 | 78.3% 0.000 0 | |
| Steam | #DDDDDD | 221, 221, 221 | 0°, 0%, 87% | 0, 0, 0, 13 | 89.8% 0.000 0 | |
| Bleached Silk | #F3F3F2 | 243, 243, 242 | 60°, 4%, 95% | 0, 0, 0, 5 | 96.4% 0.001 106 | |
| Bleached Silk | #F3F3F2 | 243, 243, 242 | 60°, 4%, 95% | 0, 0, 0, 5 | 96.4% 0.001 106 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #919191 on #F3F3F2 | 2.84:1 | — |
| Aa #919191 on #F3F3F2 | 2.84:1 | — |
| Aa #919191 on #DDDDDD | 2.32:1 | — |
| Aa #B8B8B8 on #F3F3F2 | 1.79:1 | — |
| Aa #B8B8B8 on #F3F3F2 | 1.79:1 | — |
| Aa #919191 on #B8B8B8 | 1.59:1 | — |
CSS variables
:root {
--color-1: #919191; /* Tin */
--color-2: #b8b8b8; /* Fortress Grey */
--color-3: #dddddd; /* Steam */
--color-4: #f3f3f2; /* Bleached Silk */
--color-5: #f3f3f2; /* Bleached Silk */
}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 Split-complementary Color Scheme#DDDDDD#D3E7DC#D6DDE6#C6A4A4#EFF5F1
- Steam Tetradic Color Scheme#DDDDDD#DEE7D4#D6E6E6#DDD6E7#F4EFEE
More very light gray monochromatic color schemes
- Alaska Monochromatic Color Scheme#95987E#B7B8A5#DADAD1#F4F4F0#F4F4F0
- Apollo Landing Monochromatic Color Scheme#9F9D91#C0C1B9#E5E5E1#F3F3F2#F3F3F2
- Big Fish to Fry Monochromatic Color Scheme#848999#B1B3BE#DADBE1#F2F2F4#F2F2F4
- Blowing Smoke Monochromatic Color Scheme#868381#ABACA8#D2D1D0#F3F3F2#F3F3F2
- Chrome Monochromatic Color Scheme#988F97#BDB8BB#E1DFE1#F3F1F3#F3F1F3
- Closet Skeletons Monochromatic Color Scheme#9F9484#BFB8AD#E1DED9#F3F3F2#F3F3F2
- Coconut Agony Monochromatic Color Scheme#A79994#C7C0BC#EBE8E7#F3F3F2#F3F3F2
- Columbo’s Coat Monochromatic Color Scheme#867C83#ADA5A5#D0CBCE#F3F3F2#F3F3F2
- Concrete Monochromatic Color Scheme#8A877B#AEABA5#D2D1CD#F3F3F2#F3F3F2
- Day on Mercury Monochromatic Color Scheme#8B8680#B2ACA9#D5D2D1#F3F3F2#F3F3F2
- Desired Dawn Monochromatic Color Scheme#8A8B8F#AFB1B4#D8D7D9#F2F2F4#F2F2F4
- Diamonds in the Sky Monochromatic Color Scheme#9E938F#C4BAB7#E5E2E1#F3F3F2#F3F3F2
Questions
What colors go with Steam?
In a monochromatic scheme: Tin (#919191), Fortress Grey (#B8B8B8), Bleached Silk (#F3F3F2), Bleached Silk (#F3F3F2).
What is the hex code of Steam?
#DDDDDD.