Metallic Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Metallic (#BCC3C7), each snapped to its nearest named color.
#BCC3C7
#CEB0B5
#D1CEB4
#83A0B4
#EFE1E4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Metallic | #BCC3C7 | 188, 195, 199 | 202°, 9%, 76% | 6, 2, 0, 22 | 81.3% 0.010 232 | |
| Izmir Pink | #CEB0B5 | 206, 176, 181 | 350°, 23%, 75% | 0, 15, 12, 19 | 78.5% 0.035 7 | |
| Bright Sage | #D1CEB4 | 209, 206, 180 | 54°, 24%, 76% | 0, 1, 14, 18 | 84.7% 0.035 102 | |
| Lake Okoboji | #83A0B4 | 131, 160, 180 | 204°, 25%, 61% | 27, 11, 0, 29 | 69.1% 0.044 238 | |
| Pink Booties | #EFE1E4 | 239, 225, 228 | 347°, 30%, 91% | 0, 6, 5, 6 | 92.2% 0.016 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #83A0B4 on #EFE1E4 | 2.16:1 | — |
| Aa #D1CEB4 on #83A0B4 | 1.72:1 | — |
| Aa #CEB0B5 on #EFE1E4 | 1.58:1 | — |
| Aa #BCC3C7 on #83A0B4 | 1.54:1 | — |
| Aa #BCC3C7 on #EFE1E4 | 1.41:1 | — |
| Aa #CEB0B5 on #83A0B4 | 1.37:1 | — |
CSS variables
:root {
--color-1: #bcc3c7; /* Metallic */
--color-2: #ceb0b5; /* Izmir Pink */
--color-3: #d1ceb4; /* Bright Sage */
--color-4: #83a0b4; /* Lake Okoboji */
--color-5: #efe1e4; /* Pink Booties */
}Other schemes from Metallic
- Metallic Complementary Color Scheme#BCC3C7#EAEFF2#D0BCB1#B99684#F5F0F1
- Metallic Analogous Color Scheme#B2CFBE#B4CECF#BCC3C7#B2B7D1#BFB3D1
- Metallic Triadic Color Scheme#BCC3C7#D1B4C6#C5D1B2#EEF2F3#B784A7
- Metallic Tetradic Color Scheme#BCC3C7#CAB4D4#D0BCB1#BAD1B5#EEF2F3
- Metallic Monochromatic Color Scheme#6F797E#949EA2#BCC3C7#E6E9E9#F1F3F3
More light gray split-complementary color schemes
- 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 Metallic?
In a split-complementary scheme: Izmir Pink (#CEB0B5), Bright Sage (#D1CEB4), Lake Okoboji (#83A0B4), Pink Booties (#EFE1E4).
What is the hex code of Metallic?
#BCC3C7.