Walkway Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Walkway (#A3999C), each snapped to its nearest named color.
#A3999C
#8BB490
#88ABB4
#92576F
#B8D4BB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Walkway | #A3999C | 163, 153, 156 | 342°, 5%, 62% | 0, 6, 4, 36 | |
| Green Bonnet | #8BB490 | 139, 180, 144 | 127°, 21%, 63% | 23, 0, 20, 29 | |
| Aquitaine | #88ABB4 | 136, 171, 180 | 192°, 23%, 62% | 24, 5, 0, 29 | |
| Grandeur Plum | #92576F | 146, 87, 111 | 336°, 25%, 46% | 0, 40, 24, 43 | |
| Surf | #B8D4BB | 184, 212, 187 | 126°, 25%, 78% | 13, 0, 12, 17 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #92576F on #B8D4BB | 3.45:1 | AA large |
| Aa #8BB490 on #92576F | 2.37:1 | — |
| Aa #88ABB4 on #92576F | 2.24:1 | — |
| Aa #A3999C on #92576F | 1.99:1 | — |
| Aa #A3999C on #B8D4BB | 1.73:1 | — |
| Aa #88ABB4 on #B8D4BB | 1.54:1 | — |
CSS variables
:root {
--color-1: #a3999c; /* Walkway */
--color-2: #8bb490; /* Green Bonnet */
--color-3: #88abb4; /* Aquitaine */
--color-4: #92576f; /* Grandeur Plum */
--color-5: #b8d4bb; /* Surf */
}Other schemes from Walkway
- Walkway Complementary Color Scheme#A3999C#D8BFC8#88B2A9#5A9589#C7DDD6
- Walkway Analogous Color Scheme#A885B5#BA87AA#A3999C#B88F88#B8A983
- Walkway Triadic Color Scheme#A3999C#95B388#8092BC#DCC2CB#739957
- Walkway Tetradic Color Scheme#A3999C#ABB486#88B2A9#9188B5#DCC2CB
- Walkway Monochromatic Color Scheme#574B50#7E7275#A3999C#C6C1C5#ECE9E9
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 Walkway?
In a split-complementary scheme: Green Bonnet (#8BB490), Aquitaine (#88ABB4), Grandeur Plum (#92576F), Surf (#B8D4BB).
What is the hex code of Walkway?
#A3999C.