Herring Silver Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Herring Silver (#C6C8CF), each snapped to its nearest named color.
#C6C8CF
#DAC5BD
#D0D8BE
#8B9AB9
#F4EFED
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Herring Silver | #C6C8CF | 198, 200, 207 | 227°, 9%, 79% | 4, 3, 0, 19 | |
| Bella Mia | #DAC5BD | 218, 197, 189 | 17°, 28%, 80% | 0, 10, 13, 15 | |
| Celery Satin | #D0D8BE | 208, 216, 190 | 78°, 25%, 80% | 4, 0, 12, 15 | |
| Periwinkle Blossom | #8B9AB9 | 139, 154, 185 | 220°, 25%, 64% | 25, 17, 0, 27 | |
| Little Pinky | #F4EFED | 244, 239, 237 | 17°, 24%, 94% | 0, 2, 3, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8B9AB9 on #F4EFED | 2.48:1 | — |
| Aa #D0D8BE on #8B9AB9 | 1.92:1 | — |
| Aa #DAC5BD on #8B9AB9 | 1.71:1 | — |
| Aa #C6C8CF on #8B9AB9 | 1.69:1 | — |
| Aa #C6C8CF on #F4EFED | 1.47:1 | — |
| Aa #DAC5BD on #F4EFED | 1.45:1 | — |
CSS variables
:root {
--color-1: #c6c8cf; /* Herring Silver */
--color-2: #dac5bd; /* Bella Mia */
--color-3: #d0d8be; /* Celery Satin */
--color-4: #8b9ab9; /* Periwinkle Blossom */
--color-5: #f4efed; /* Little Pinky */
}Other schemes from Herring Silver
- Herring Silver Complementary Color Scheme#C6C8CF#EEF2F3#D8D0BD#BDB38F#F6F4EF
- Herring Silver Analogous Color Scheme#BCD8D2#BED0DA#C6C8CF#C4BBD6#D3BED5
- Herring Silver Triadic Color Scheme#C6C8CF#D5BCC2#C3D6BD#EEF2F3#BD9095
- Herring Silver Tetradic Color Scheme#C6C8CF#D9BFCE#D8D0BD#BBD9C3#EEF2F3
- Herring Silver Monochromatic Color Scheme#73788B#9EA2AA#C6C8CF#EFF0F0#F1F3F3
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 Herring Silver?
In a split-complementary scheme: Bella Mia (#DAC5BD), Celery Satin (#D0D8BE), Periwinkle Blossom (#8B9AB9), Little Pinky (#F4EFED).
What is the hex code of Herring Silver?
#C6C8CF.