Huebook

Quicksilver Split-complementary Color Scheme

Five colors arranged by the split-complementary rule around Quicksilver (#A6A6A6), each snapped to its nearest named color.

#A6A6A6
#8EBAA6
#91A7BC
#A06165
#C0D7CD

Color names and codes

NameHEXRGBHSLCMYK
Quicksilver#A6A6A6166, 166, 1660°, 0%, 65%0, 0, 0, 35
Lichen#8EBAA6142, 186, 166153°, 24%, 64%24, 0, 11, 27
Paris#91A7BC145, 167, 188209°, 24%, 65%23, 11, 0, 26
Pizza Pie#A06165160, 97, 101356°, 25%, 50%0, 39, 37, 37
Meadow Lane#C0D7CD192, 215, 205154°, 22%, 80%11, 0, 5, 16

Which pairs work for text

Text on backgroundContrastWCAG
Aa #A06165 on #C0D7CD3.15:1AA large
Aa #8EBAA6 on #A061652.21:1—
Aa #A6A6A6 on #A061651.96:1—
Aa #91A7BC on #A061651.93:1—
Aa #91A7BC on #C0D7CD1.64:1—
Aa #A6A6A6 on #C0D7CD1.60:1—

CSS variables

:root {
  --color-1: #a6a6a6; /* Quicksilver */
  --color-2: #8ebaa6; /* Lichen */
  --color-3: #91a7bc; /* Paris */
  --color-4: #a06165; /* Pizza Pie */
  --color-5: #c0d7cd; /* Meadow Lane */
}

Other schemes from Quicksilver

More Light Gray split-complementary palettes

Questions

What colors go with Quicksilver?

In a split-complementary scheme: Lichen (#8EBAA6), Paris (#91A7BC), Pizza Pie (#A06165), Meadow Lane (#C0D7CD).

What is the hex code of Quicksilver?

#A6A6A6.