Weathered Stone Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Weathered Stone (#C4C5C6), each snapped to its nearest named color.
#C4C5C6
#D3B6BA
#D1D2B8
#899FB9
#EFE6E6
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Weathered Stone | #C4C5C6 | 196, 197, 198 | 210°, 2%, 77% | 1, 1, 0, 22 | |
| Rose Stain | #D3B6BA | 211, 182, 186 | 352°, 25%, 77% | 0, 14, 12, 17 | |
| Breathe | #D1D2B8 | 209, 210, 184 | 62°, 22%, 77% | 0, 0, 12, 18 | |
| Astro Bound | #899FB9 | 137, 159, 185 | 213°, 26%, 63% | 26, 14, 0, 27 | |
| Whisper | #EFE6E6 | 239, 230, 230 | 0°, 22%, 92% | 0, 4, 4, 6 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #899FB9 on #EFE6E6 | 2.22:1 | — |
| Aa #D1D2B8 on #899FB9 | 1.76:1 | — |
| Aa #C4C5C6 on #899FB9 | 1.57:1 | — |
| Aa #D3B6BA on #EFE6E6 | 1.53:1 | — |
| Aa #D3B6BA on #899FB9 | 1.45:1 | — |
| Aa #C4C5C6 on #EFE6E6 | 1.41:1 | — |
CSS variables
:root {
--color-1: #c4c5c6; /* Weathered Stone */
--color-2: #d3b6ba; /* Rose Stain */
--color-3: #d1d2b8; /* Breathe */
--color-4: #899fb9; /* Astro Bound */
--color-5: #efe6e6; /* Whisper */
}Other schemes from Weathered Stone
- Weathered Stone Complementary Color Scheme#C4C5C6#EEF2F3#D1C5B7#B69E87#F6F2F1
- Weathered Stone Analogous Color Scheme#B6D3C5#B9D2D3#C4C5C6#BAB8D3#C5B9D3
- Weathered Stone Triadic Color Scheme#C4C5C6#D3B8C5#C5CFB6#EEF2F3#B78999
- Weathered Stone Tetradic Color Scheme#C4C5C6#D5B6D4#D1C5B7#BAD2B8#EEF2F3
- Weathered Stone Monochromatic Color Scheme#757B7D#9A9DA2#C4C5C6#EBEBEB#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 Weathered Stone?
In a split-complementary scheme: Rose Stain (#D3B6BA), Breathe (#D1D2B8), Astro Bound (#899FB9), Whisper (#EFE6E6).
What is the hex code of Weathered Stone?
#C4C5C6.