In the Shadows Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around In the Shadows (#CBC4C0), each snapped to its nearest named color.
#CBC4C0
#B8D1D0
#B6BDD3
#BB9988
#E5F1EE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| In the Shadows | #CBC4C0 | 203, 196, 192 | 22°, 10%, 77% | 0, 3, 5, 20 | 82.5% 0.010 52 | |
| Malaysian Mist | #B8D1D0 | 184, 209, 208 | 178°, 21%, 77% | 12, 0, 0, 18 | 84.2% 0.027 194 | |
| Peri Wink | #B6BDD3 | 182, 189, 211 | 226°, 25%, 77% | 14, 10, 0, 17 | 80.0% 0.032 272 | |
| Cinnamon Roast | #BB9988 | 187, 153, 136 | 20°, 27%, 63% | 0, 18, 27, 27 | 70.9% 0.047 48 | |
| Aqua Tint | #E5F1EE | 229, 241, 238 | 165°, 30%, 92% | 5, 0, 1, 5 | 94.8% 0.013 179 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BB9988 on #E5F1EE | 2.26:1 | — |
| Aa #B8D1D0 on #BB9988 | 1.63:1 | — |
| Aa #B6BDD3 on #E5F1EE | 1.62:1 | — |
| Aa #CBC4C0 on #BB9988 | 1.52:1 | — |
| Aa #CBC4C0 on #E5F1EE | 1.49:1 | — |
| Aa #B6BDD3 on #BB9988 | 1.40:1 | — |
CSS variables
:root {
--color-1: #cbc4c0; /* In the Shadows */
--color-2: #b8d1d0; /* Malaysian Mist */
--color-3: #b6bdd3; /* Peri Wink */
--color-4: #bb9988; /* Cinnamon Roast */
--color-5: #e5f1ee; /* Aqua Tint */
}Other schemes from In the Shadows
- In the Shadows Complementary Color Scheme#CBC4C0#F5F0F1#B8CAD5#8BA8B7#EEF2F3
- In the Shadows Analogous Color Scheme#D5B7CB#D3B6BA#CBC4C0#D3D1B9#C9D6B4
- In the Shadows Triadic Color Scheme#CBC4C0#B6D3C5#C3B5D4#F5F0F1#89B89A
- In the Shadows Tetradic Color Scheme#CBC4C0#BAD2B8#B8CAD5#CCB8D2#F5F0F1
- In the Shadows Monochromatic Color Scheme#83756C#A89C97#CBC4C0#EDEBEA#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 In the Shadows?
In a split-complementary scheme: Malaysian Mist (#B8D1D0), Peri Wink (#B6BDD3), Cinnamon Roast (#BB9988), Aqua Tint (#E5F1EE).
What is the hex code of In the Shadows?
#CBC4C0.