Grey Marble Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Grey Marble (#B9B4B1), each snapped to its nearest named color.
#B9B4B1
#A6C8C7
#A6A8C5
#AC8674
#D2E3E3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Grey Marble | #B9B4B1 | 185, 180, 177 | 23°, 5%, 71% | 0, 3, 4, 27 | |
| Zenith Heights | #A6C8C7 | 166, 200, 199 | 178°, 24%, 72% | 17, 0, 0, 22 | |
| Wisteria Light Soft Blue | #A6A8C5 | 166, 168, 197 | 236°, 21%, 71% | 16, 15, 0, 23 | |
| Homestead | #AC8674 | 172, 134, 116 | 19°, 25%, 56% | 0, 22, 33, 33 | |
| Billowing Sail | #D2E3E3 | 210, 227, 227 | 180°, 23%, 86% | 7, 0, 0, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AC8674 on #D2E3E3 | 2.47:1 | — |
| Aa #A6C8C7 on #AC8674 | 1.82:1 | — |
| Aa #A6A8C5 on #D2E3E3 | 1.75:1 | — |
| Aa #B9B4B1 on #AC8674 | 1.59:1 | — |
| Aa #B9B4B1 on #D2E3E3 | 1.55:1 | — |
| Aa #A6A8C5 on #AC8674 | 1.41:1 | — |
CSS variables
:root {
--color-1: #b9b4b1; /* Grey Marble */
--color-2: #a6c8c7; /* Zenith Heights */
--color-3: #a6a8c5; /* Wisteria Light Soft Blue */
--color-4: #ac8674; /* Homestead */
--color-5: #d2e3e3; /* Billowing Sail */
}Other schemes from Grey Marble
- Grey Marble Complementary Color Scheme#B9B4B1#EAE1DD#A5B8C5#7595AB#E1E9EF
- Grey Marble Analogous Color Scheme#C8A3BB#C7A1A9#B9B4B1#C7C4A5#BBC6A4
- Grey Marble Triadic Color Scheme#B9B4B1#A9C9AF#AFA5C7#EFE6E1#79AA87
- Grey Marble Tetradic Color Scheme#B9B4B1#A2C7A3#A5B8C5#C0A2C7#EFE6E1
- Grey Marble Monochromatic Color Scheme#6F6665#958F88#B9B4B1#DDDCDA#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 Grey Marble?
In a split-complementary scheme: Zenith Heights (#A6C8C7), Wisteria Light Soft Blue (#A6A8C5), Homestead (#AC8674), Billowing Sail (#D2E3E3).
What is the hex code of Grey Marble?
#B9B4B1.