Gateway Grey Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Gateway Grey (#A0A09C), each snapped to its nearest named color.
#A0A09C
#849DB4
#9F86B7
#95945C
#B7C4D3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Gateway Grey | #A0A09C | 160, 160, 156 | 60°, 2%, 62% | 0, 0, 2, 37 | |
| Office Blue | #849DB4 | 132, 157, 180 | 209°, 24%, 61% | 27, 13, 0, 29 | |
| Peony Mauve | #9F86B7 | 159, 134, 183 | 271°, 25%, 62% | 13, 27, 0, 28 | |
| Tansy Green | #95945C | 149, 148, 92 | 59°, 24%, 47% | 0, 1, 38, 42 | |
| Stargate | #B7C4D3 | 183, 196, 211 | 212°, 24%, 77% | 13, 7, 0, 17 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9F86B7 on #B7C4D3 | 1.80:1 | — |
| Aa #95945C on #B7C4D3 | 1.78:1 | — |
| Aa #849DB4 on #B7C4D3 | 1.59:1 | — |
| Aa #A0A09C on #B7C4D3 | 1.48:1 | — |
| Aa #A0A09C on #9F86B7 | 1.22:1 | — |
| Aa #A0A09C on #95945C | 1.20:1 | — |
CSS variables
:root {
--color-1: #a0a09c; /* Gateway Grey */
--color-2: #849db4; /* Office Blue */
--color-3: #9f86b7; /* Peony Mauve */
--color-4: #95945c; /* Tansy Green */
--color-5: #b7c4d3; /* Stargate */
}Other schemes from Gateway Grey
- Gateway Grey Complementary Color Scheme#A0A09C#D5D7BF#888CBA#5E5896#C7C5DC
- Gateway Grey Analogous Color Scheme#B88686#B69E87#A0A09C#9EB788#89B386
- Gateway Grey Triadic Color Scheme#A0A09C#87B8B5#BA86B5#DEDCC6#579797
- Gateway Grey Tetradic Color Scheme#A0A09C#89B89A#888CBA#B0879B#DEDCC6
- Gateway Grey Monochromatic Color Scheme#565350#787976#A0A09C#C6C6C2#ECEBEA
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 Gateway Grey?
In a split-complementary scheme: Office Blue (#849DB4), Peony Mauve (#9F86B7), Tansy Green (#95945C), Stargate (#B7C4D3).
What is the hex code of Gateway Grey?
#A0A09C.