Explosive Grey Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Explosive Grey (#C4C4C4), each snapped to its nearest named color.
#C4C4C4
#B6D3C5
#B6C4D2
#B88686
#E6F0EA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Explosive Grey | #C4C4C4 | 196, 196, 196 | 0°, 0%, 77% | 0, 0, 0, 23 | 82.0% 0.000 0 | |
| Little Beaux Blue | #B6D3C5 | 182, 211, 197 | 151°, 25%, 77% | 14, 0, 7, 17 | 84.1% 0.037 165 | |
| Bypass | #B6C4D2 | 182, 196, 210 | 210°, 24%, 77% | 13, 7, 0, 18 | 81.4% 0.025 248 | |
| Bashful Rose | #B88686 | 184, 134, 134 | 0°, 26%, 62% | 0, 27, 27, 28 | 66.9% 0.062 19 | |
| Northern Lights | #E6F0EA | 230, 240, 234 | 144°, 25%, 92% | 4, 0, 3, 6 | 94.6% 0.013 160 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B88686 on #E6F0EA | 2.65:1 | — |
| Aa #B6D3C5 on #B88686 | 1.93:1 | — |
| Aa #C4C4C4 on #B88686 | 1.77:1 | — |
| Aa #B6C4D2 on #B88686 | 1.74:1 | — |
| Aa #B6C4D2 on #E6F0EA | 1.52:1 | — |
| Aa #C4C4C4 on #E6F0EA | 1.50:1 | — |
CSS variables
:root {
--color-1: #c4c4c4; /* Explosive Grey */
--color-2: #b6d3c5; /* Little Beaux Blue */
--color-3: #b6c4d2; /* Bypass */
--color-4: #b88686; /* Bashful Rose */
--color-5: #e6f0ea; /* Northern Lights */
}Other schemes from Explosive Grey
- Explosive Grey Complementary Color Scheme#C4C4C4#F4EFEE#B4D5D5#87B8B5#F0F4F2
- Explosive Grey Analogous Color Scheme#D5B6D4#D1B6C3#C4C4C4#D4C5B4#D2D3B3
- Explosive Grey Triadic Color Scheme#C4C4C4#B1D4B7#B2B7D1#F4EFEE#89B386
- Explosive Grey Tetradic Color Scheme#C4C4C4#C5D1B2#B4D5D5#C3B5D4#F4EFEE
- Explosive Grey Monochromatic Color Scheme#797978#9E9F9E#C4C4C4#EAEAEA#F3F3F2
More light gray split-complementary color schemes
- 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 Explosive Grey?
In a split-complementary scheme: Little Beaux Blue (#B6D3C5), Bypass (#B6C4D2), Bashful Rose (#B88686), Northern Lights (#E6F0EA).
What is the hex code of Explosive Grey?
#C4C4C4.