Stainless Steel Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Stainless Steel (#B4BDC7), each snapped to its nearest named color.
#B4BDC7
#CAAEAB
#CECDAD
#7C94B2
#EBDBDD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Stainless Steel | #B4BDC7 | 180, 189, 199 | 212°, 15%, 74% | 10, 5, 0, 22 | 79.4% 0.017 251 | |
| Lacey | #CAAEAB | 202, 174, 171 | 6°, 23%, 73% | 0, 14, 15, 21 | 77.4% 0.033 25 | |
| Eaves | #CECDAD | 206, 205, 173 | 58°, 25%, 74% | 0, 0, 16, 19 | 84.1% 0.043 106 | |
| Accolade | #7C94B2 | 124, 148, 178 | 213°, 26%, 59% | 30, 17, 0, 30 | 65.9% 0.053 254 | |
| Discrete Pink | #EBDBDD | 235, 219, 221 | 352°, 29%, 89% | 0, 7, 6, 8 | 90.5% 0.018 9 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #7C94B2 on #EBDBDD | 2.33:1 | — |
| Aa #CECDAD on #7C94B2 | 1.92:1 | — |
| Aa #B4BDC7 on #7C94B2 | 1.64:1 | — |
| Aa #CAAEAB on #EBDBDD | 1.55:1 | — |
| Aa #CAAEAB on #7C94B2 | 1.51:1 | — |
| Aa #B4BDC7 on #EBDBDD | 1.42:1 | — |
CSS variables
:root {
--color-1: #b4bdc7; /* Stainless Steel */
--color-2: #caaeab; /* Lacey */
--color-3: #cecdad; /* Eaves */
--color-4: #7c94b2; /* Accolade */
--color-5: #ebdbdd; /* Discrete Pink */
}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 Tetradic Color Scheme#B4BDC7#D1ACCE#CDBDAD#ABD1AF#EBF1F5
- Stainless Steel Monochromatic Color Scheme#677283#8B97A5#B4BDC7#E2E4E9#F2F2F4
More light blue split-complementary color schemes
- Acapulco Dive Split-complementary Color Scheme#65A7DD#D76968#DCD867#2987C7#EBA0A7
- Adrift on the Nile Split-complementary Color Scheme#93B8E3#E29991#E5E896#518FD1#F5D1CF
- Airborne Split-complementary Color Scheme#A2C2D0#CFA2AD#D0C6A1#70A5B7#ECD5D9
- Arcane Brew Split-complementary Color Scheme#5260E1#E68750#A7E142#243BCD#E8B793
- Arctic Ice Split-complementary Color Scheme#B6BDD0#D2BBB2#CCD1B2#818DB3#F0E5E5
- Azureno Split-complementary Color Scheme#8FA0D5#D5A193#C3DB8D#5D76CB#EBCFC7
- Below Zero Split-complementary Color Scheme#87CDED#F08497#EAD988#4CA8E0#F8CAD5
- Birdie Num Num Split-complementary Color Scheme#89ACDA#DA8C87#D8DB8B#5383C3#EEC6C3
- Blank Stare Split-complementary Color Scheme#8B9CAC#B38380#B4B780#597695#CEB0B5
- Blue Bay Split-complementary Color Scheme#619AD6#D46362#D6D963#3473B7#E39E9C
- Blue Haze Split-complementary Color Scheme#BDBACE#D2C7B7#C1D0B2#9188B5#EFEDE6
- Blue Jay Split-complementary Color Scheme#5588DD#DD6655#D0D557#2266BB#E29D94
Questions
What colors go with Stainless Steel?
In a split-complementary scheme: Lacey (#CAAEAB), Eaves (#CECDAD), Accolade (#7C94B2), Discrete Pink (#EBDBDD).
What is the hex code of Stainless Steel?
#B4BDC7.