Stainless Steel Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Stainless Steel (#B4BDC7), each snapped to its nearest named color.
#677283
#8B97A5
#B4BDC7
#E2E4E9
#F2F2F4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Flintstone | #677283 | 103, 114, 131 | 216°, 12%, 46% | 21, 13, 0, 49 | |
| Approaching Dusk | #8B97A5 | 139, 151, 165 | 212°, 13%, 60% | 16, 8, 0, 35 | |
| Stainless Steel | #B4BDC7 | 180, 189, 199 | 212°, 15%, 74% | 10, 5, 0, 22 | |
| Silver City | #E2E4E9 | 226, 228, 233 | 223°, 14%, 90% | 3, 2, 0, 9 | |
| Errigal White | #F2F2F4 | 242, 242, 244 | 240°, 8%, 95% | 1, 1, 0, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #677283 on #F2F2F4 | 4.36:1 | AA large |
| Aa #677283 on #E2E4E9 | 3.83:1 | AA large |
| Aa #8B97A5 on #F2F2F4 | 2.66:1 | — |
| Aa #677283 on #B4BDC7 | 2.56:1 | — |
| Aa #8B97A5 on #E2E4E9 | 2.34:1 | — |
| Aa #B4BDC7 on #F2F2F4 | 1.70:1 | — |
CSS variables
:root {
--color-1: #677283; /* Flintstone */
--color-2: #8b97a5; /* Approaching Dusk */
--color-3: #b4bdc7; /* Stainless Steel */
--color-4: #e2e4e9; /* Silver City */
--color-5: #f2f2f4; /* Errigal White */
}Other schemes from Stainless Steel
- Stainless Steel Complementary Color Scheme#B4BDC7#E5EDF1#CDBDAD#B3987D#F4F1EC
- Stainless Steel Analogous Color Scheme#ACD0BB#AECCCB#B4BDC7#B4AECC#BEAECF
- Stainless Steel Triadic Color Scheme#B4BDC7#CEAEBB#BDD0AB#EBF1F5#B07F9E
- Stainless Steel Split-complementary Color Scheme#B4BDC7#CAAEAB#CECDAD#7C94B2#EBDBDD
- Stainless Steel Tetradic Color Scheme#B4BDC7#D1ACCE#CDBDAD#ABD1AF#EBF1F5
More Light Blue monochromatic palettes
- Acapulco Dive Monochromatic Color Scheme#185887#2987C7#65A7DD#A7C9EB#E7EFFB
- Adrift on the Nile Monochromatic Color Scheme#326AB1#518FD1#93B8E3#CFE0F2#ECF3F9
- Airborne Monochromatic Color Scheme#4B7991#70A5B7#A2C2D0#D4E2EB#F0F4F8
- Arcane Brew Monochromatic Color Scheme#072688#243BCD#5260E1#8F99FB#D2D8F4
- Arctic Ice Monochromatic Color Scheme#5C6B8F#8590AE#B6BDD0#E7E6ED#EEF2F3
- Azureno Monochromatic Color Scheme#365194#5D76CB#8FA0D5#C7CEE8#E8EFF8
- Below Zero Monochromatic Color Scheme#1B8CB6#4CA8E0#87CDED#CCEBF5#E8F5FC
- Birdie Num Num Monochromatic Color Scheme#2E5D9D#5383C3#89ACDA#C2D6EC#EDF2F8
- Blank Stare Monochromatic Color Scheme#43505E#667788#8B9CAC#B7C2CC#E5E9EB
- Blue Bay Monochromatic Color Scheme#24547D#3473B7#619AD6#9BC4E2#DAEAF6
- Blue Haze Monochromatic Color Scheme#65648B#928AAE#BDBACE#E7E6ED#F3F1F3
- Blue Jay Monochromatic Color Scheme#1E4581#2266BB#5588DD#93B8E3#D2E2F2
Questions
What colors go with Stainless Steel?
In a monochromatic scheme: Flintstone (#677283), Approaching Dusk (#8B97A5), Silver City (#E2E4E9), Errigal White (#F2F2F4).
What is the hex code of Stainless Steel?
#B4BDC7.