Huebook

Quicksilver Complementary Color Scheme

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

#A6A6A6
#DDC9C6
#90BDBD
#60A0A3
#D2E3E3

Color names and codes

NameHEXRGBHSLCMYK
Quicksilver#A6A6A6166, 166, 1660°, 0%, 65%0, 0, 0, 35
Misty Blush#DDC9C6221, 201, 1988°, 25%, 82%0, 9, 10, 13
Blithe Blue#90BDBD144, 189, 189180°, 25%, 65%24, 0, 0, 26
Meadowbrook#60A0A396, 160, 163183°, 27%, 51%41, 2, 0, 36
Billowing Sail#D2E3E3210, 227, 227180°, 23%, 86%7, 0, 0, 11

Which pairs work for text

Text on backgroundContrastWCAG
Aa #60A0A3 on #D2E3E32.24:1—
Aa #DDC9C6 on #60A0A31.88:1—
Aa #A6A6A6 on #D2E3E31.84:1—
Aa #90BDBD on #D2E3E31.55:1—
Aa #A6A6A6 on #DDC9C61.54:1—
Aa #90BDBD on #60A0A31.45:1—

CSS variables

:root {
  --color-1: #a6a6a6; /* Quicksilver */
  --color-2: #ddc9c6; /* Misty Blush */
  --color-3: #90bdbd; /* Blithe Blue */
  --color-4: #60a0a3; /* Meadowbrook */
  --color-5: #d2e3e3; /* Billowing Sail */
}

Other schemes from Quicksilver

More Light Gray complementary palettes

Questions

What colors go with Quicksilver?

In a complementary scheme: Misty Blush (#DDC9C6), Blithe Blue (#90BDBD), Meadowbrook (#60A0A3), Billowing Sail (#D2E3E3).

What is the hex code of Quicksilver?

#A6A6A6.