Magnetic Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Magnetic (#B2B5AF), each snapped to its nearest named color.
#B2B5AF
#9D9AC4
#C09DC8
#90A96E
#CCCFE2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Magnetic | #B2B5AF | 178, 181, 175 | 90°, 4%, 70% | 2, 0, 3, 29 | |
| Majestic Violet | #9D9AC4 | 157, 154, 196 | 244°, 26%, 69% | 20, 21, 0, 23 | |
| Lilac Pink | #C09DC8 | 192, 157, 200 | 289°, 28%, 70% | 4, 21, 0, 22 | |
| Green Tea Mochi | #90A96E | 144, 169, 110 | 85°, 26%, 55% | 15, 0, 35, 34 | |
| Wildflower Prairie | #CCCFE2 | 204, 207, 226 | 232°, 27%, 84% | 10, 8, 0, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9D9AC4 on #CCCFE2 | 1.73:1 | — |
| Aa #90A96E on #CCCFE2 | 1.68:1 | — |
| Aa #C09DC8 on #CCCFE2 | 1.53:1 | — |
| Aa #B2B5AF on #CCCFE2 | 1.34:1 | — |
| Aa #B2B5AF on #9D9AC4 | 1.29:1 | — |
| Aa #B2B5AF on #90A96E | 1.25:1 | — |
CSS variables
:root {
--color-1: #b2b5af; /* Magnetic */
--color-2: #9d9ac4; /* Majestic Violet */
--color-3: #c09dc8; /* Lilac Pink */
--color-4: #90a96e; /* Green Tea Mochi */
--color-5: #cccfe2; /* Wildflower Prairie */
}Other schemes from Magnetic
- Magnetic Complementary Color Scheme#B2B5AF#E0EAD8#AF9FCA#8A6FA9#E6DEEA
- Magnetic Analogous Color Scheme#C5B29F#CAC69D#B2B5AF#9FC09C#9FC8B2
- Magnetic Triadic Color Scheme#B2B5AF#9EB2C3#C19FB3#E4ECDF#6B8CA9
- Magnetic Tetradic Color Scheme#B2B5AF#9EC6C6#AF9FCA#C79D9B#E4ECDF
- Magnetic Monochromatic Color Scheme#666A60#89928A#B2B5AF#D8DAD8#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 Magnetic?
In a split-complementary scheme: Majestic Violet (#9D9AC4), Lilac Pink (#C09DC8), Green Tea Mochi (#90A96E), Wildflower Prairie (#CCCFE2).
What is the hex code of Magnetic?
#B2B5AF.