Greystone Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Greystone (#B7B9B5), each snapped to its nearest named color.
#B7B9B5
#A3A7CC
#C8A2C8
#90AC74
#D6D4E6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Greystone | #B7B9B5 | 183, 185, 181 | 90°, 3%, 72% | 1, 0, 2, 27 | |
| Blossom Mauve | #A3A7CC | 163, 167, 204 | 234°, 29%, 72% | 20, 18, 0, 20 | |
| Stormy Sunrise | #C8A2C8 | 200, 162, 200 | 300°, 26%, 71% | 0, 19, 0, 22 | |
| Geranium Leaf | #90AC74 | 144, 172, 116 | 90°, 25%, 56% | 16, 0, 33, 33 | |
| Dulcinea | #D6D4E6 | 214, 212, 230 | 247°, 26%, 87% | 7, 8, 0, 10 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #90AC74 on #D6D4E6 | 1.73:1 | — |
| Aa #A3A7CC on #D6D4E6 | 1.61:1 | — |
| Aa #C8A2C8 on #D6D4E6 | 1.52:1 | — |
| Aa #B7B9B5 on #D6D4E6 | 1.36:1 | — |
| Aa #B7B9B5 on #90AC74 | 1.27:1 | — |
| Aa #B7B9B5 on #A3A7CC | 1.19:1 | — |
CSS variables
:root {
--color-1: #b7b9b5; /* Greystone */
--color-2: #a3a7cc; /* Blossom Mauve */
--color-3: #c8a2c8; /* Stormy Sunrise */
--color-4: #90ac74; /* Geranium Leaf */
--color-5: #d6d4e6; /* Dulcinea */
}Other schemes from Greystone
- Greystone Complementary Color Scheme#B7B9B5#E4ECDF#B8A4C8#9076AE#E9E4EF
- Greystone Analogous Color Scheme#C8B6A6#C8CAA4#B7B9B5#A2C7A3#AACCB9
- Greystone Triadic Color Scheme#B7B9B5#A6B7C8#C8A3B8#EAEFE5#7890AC
- Greystone Tetradic Color Scheme#B7B9B5#A4C8C8#B8A4C8#C6A4A4#EAEFE5
- Greystone Monochromatic Color Scheme#6B6D6A#92948D#B7B9B5#DCDEDC#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 Greystone?
In a split-complementary scheme: Blossom Mauve (#A3A7CC), Stormy Sunrise (#C8A2C8), Geranium Leaf (#90AC74), Dulcinea (#D6D4E6).
What is the hex code of Greystone?
#B7B9B5.