Magnesium Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Magnesium (#C1C2C3), each snapped to its nearest named color.
#C1C2C3
#CEB5B3
#CFD1B2
#849DB4
#F0E2E4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Magnesium | #C1C2C3 | 193, 194, 195 | 210°, 2%, 76% | 1, 1, 0, 24 | |
| Smoked Lavender | #CEB5B3 | 206, 181, 179 | 4°, 22%, 75% | 0, 12, 13, 19 | |
| Bitter Melon | #CFD1B2 | 207, 209, 178 | 64°, 25%, 76% | 1, 0, 15, 18 | |
| Office Blue | #849DB4 | 132, 157, 180 | 209°, 24%, 61% | 27, 13, 0, 29 | |
| Dulcet Pink | #F0E2E4 | 240, 226, 228 | 351°, 32%, 91% | 0, 6, 5, 6 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #849DB4 on #F0E2E4 | 2.24:1 | — |
| Aa #CFD1B2 on #849DB4 | 1.80:1 | — |
| Aa #C1C2C3 on #849DB4 | 1.58:1 | — |
| Aa #CEB5B3 on #F0E2E4 | 1.53:1 | — |
| Aa #CEB5B3 on #849DB4 | 1.46:1 | — |
| Aa #C1C2C3 on #F0E2E4 | 1.42:1 | — |
CSS variables
:root {
--color-1: #c1c2c3; /* Magnesium */
--color-2: #ceb5b3; /* Smoked Lavender */
--color-3: #cfd1b2; /* Bitter Melon */
--color-4: #849db4; /* Office Blue */
--color-5: #f0e2e4; /* Dulcet Pink */
}Other schemes from Magnesium
- Magnesium Complementary Color Scheme#C1C2C3#EBF1F5#D2C2B2#B49C83#F6F2F1
- Magnesium Analogous Color Scheme#AFD1C4#B2CFD3#C1C2C3#B3B0D4#C3B5D4
- Magnesium Triadic Color Scheme#C1C2C3#CFB4C2#C1D0B2#EEF2F3#B18398
- Magnesium Tetradic Color Scheme#C1C2C3#D4B4D5#D2C2B2#ADD0B3#EEF2F3
- Magnesium Monochromatic Color Scheme#757577#999D9E#C1C2C3#E8E8E9#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 Magnesium?
In a split-complementary scheme: Smoked Lavender (#CEB5B3), Bitter Melon (#CFD1B2), Office Blue (#849DB4), Dulcet Pink (#F0E2E4).
What is the hex code of Magnesium?
#C1C2C3.