Metal Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Metal (#BABFBC), each snapped to its nearest named color.
#BABFBC
#CBA9D0
#CBACAB
#7AB091
#E8DEEA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Metal | #BABFBC | 186, 191, 188 | 144°, 4%, 74% | 3, 0, 2, 25 | |
| Graceful Garden | #CBA9D0 | 203, 169, 208 | 292°, 29%, 74% | 2, 19, 0, 18 | |
| Vista | #CBACAB | 203, 172, 171 | 2°, 24%, 73% | 0, 15, 16, 20 | |
| Zephyr Green | #7AB091 | 122, 176, 145 | 146°, 25%, 58% | 31, 0, 18, 31 | |
| Lilac Frost | #E8DEEA | 232, 222, 234 | 290°, 22%, 89% | 1, 5, 0, 8 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #7AB091 on #E8DEEA | 1.90:1 | — |
| Aa #CBACAB on #E8DEEA | 1.60:1 | — |
| Aa #CBA9D0 on #E8DEEA | 1.59:1 | — |
| Aa #BABFBC on #E8DEEA | 1.43:1 | — |
| Aa #BABFBC on #7AB091 | 1.33:1 | — |
| Aa #CBA9D0 on #7AB091 | 1.20:1 | — |
CSS variables
:root {
--color-1: #babfbc; /* Metal */
--color-2: #cba9d0; /* Graceful Garden */
--color-3: #cbacab; /* Vista */
--color-4: #7ab091; /* Zephyr Green */
--color-5: #e8deea; /* Lilac Frost */
}Other schemes from Metal
- Metal Complementary Color Scheme#BABFBC#E6F0EA#CCACC1#B07F9E#F4EBEF
- Metal Analogous Color Scheme#C1CFA9#B1CDAC#BABFBC#AECCCB#A9C0CB
- Metal Triadic Color Scheme#BABFBC#BCACCD#CBB9AB#EBF5F0#947CAE
- Metal Tetradic Color Scheme#BABFBC#ACB0CA#CCACC1#CECBAE#EBF5F0
- Metal Monochromatic Color Scheme#70756E#929894#BABFBC#E3E4E2#F3F3F2
More Light Gray split-complementary palettes
- 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 Metal?
In a split-complementary scheme: Graceful Garden (#CBA9D0), Vista (#CBACAB), Zephyr Green (#7AB091), Lilac Frost (#E8DEEA).
What is the hex code of Metal?
#BABFBC.