Silverback Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Silverback (#CBCBCB), each snapped to its nearest named color.
#CBCBCB
#BDDACA
#BECBD7
#BC8E8F
#EFF5F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Silverback | #CBCBCB | 203, 203, 203 | 0°, 0%, 80% | 0, 0, 0, 20 | |
| Dusty Aqua | #BDDACA | 189, 218, 202 | 147°, 28%, 80% | 13, 0, 7, 15 | |
| Melody | #BECBD7 | 190, 203, 215 | 209°, 24%, 79% | 12, 6, 0, 16 | |
| Rose Brown | #BC8E8F | 188, 142, 143 | 359°, 26%, 65% | 0, 24, 24, 26 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #BC8E8F on #EFF5F1 | 2.57:1 | — |
| Aa #BDDACA on #BC8E8F | 1.90:1 | — |
| Aa #CBCBCB on #BC8E8F | 1.75:1 | — |
| Aa #BECBD7 on #BC8E8F | 1.72:1 | — |
| Aa #BECBD7 on #EFF5F1 | 1.49:1 | — |
| Aa #CBCBCB on #EFF5F1 | 1.47:1 | — |
CSS variables
:root {
--color-1: #cbcbcb; /* Silverback */
--color-2: #bddaca; /* Dusty Aqua */
--color-3: #becbd7; /* Melody */
--color-4: #bc8e8f; /* Rose Brown */
--color-5: #eff5f1; /* Heavy Sugar */
}Other schemes from Silverback
- Silverback Complementary Color Scheme#CBCBCB#F4EFEE#BFD6D9#8FBABC#F0F4F2
- Silverback Analogous Color Scheme#D8BFD8#D8BFC8#CBCBCB#DACBBF#D5D7BF
- Silverback Triadic Color Scheme#CBCBCB#BFD8BF#BDBBD7#F4EFEE#8FBC8F
- Silverback Tetradic Color Scheme#CBCBCB#CADABD#BFD6D9#CBBDD7#F4EFEE
- Silverback Monochromatic Color Scheme#7E7E7E#A5A5A5#CBCBCB#EFF2F1#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 Silverback?
In a split-complementary scheme: Dusty Aqua (#BDDACA), Melody (#BECBD7), Rose Brown (#BC8E8F), Heavy Sugar (#EFF5F1).
What is the hex code of Silverback?
#CBCBCB.