Huebook

Quicksilver Tetradic Color Scheme

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

#A6A6A6
#A5BE8F
#90BDBD
#A291BA
#E5D0CF

Color names and codes

NameHEXRGBHSLCMYK
Quicksilver#A6A6A6166, 166, 1660°, 0%, 65%0, 0, 0, 35
Praying Mantis#A5BE8F165, 190, 14392°, 27%, 65%13, 0, 25, 25
Blithe Blue#90BDBD144, 189, 189180°, 25%, 65%24, 0, 0, 26
Yolanda#A291BA162, 145, 186265°, 23%, 65%13, 22, 0, 27
Mauve Chalk#E5D0CF229, 208, 2073°, 30%, 85%0, 9, 10, 10

Which pairs work for text

Text on backgroundContrastWCAG
Aa #A291BA on #E5D0CF1.95:1—
Aa #A6A6A6 on #E5D0CF1.65:1—
Aa #A5BE8F on #A291BA1.42:1—
Aa #90BDBD on #A291BA1.40:1—
Aa #90BDBD on #E5D0CF1.40:1—
Aa #A5BE8F on #E5D0CF1.38:1—

CSS variables

:root {
  --color-1: #a6a6a6; /* Quicksilver */
  --color-2: #a5be8f; /* Praying Mantis */
  --color-3: #90bdbd; /* Blithe Blue */
  --color-4: #a291ba; /* Yolanda */
  --color-5: #e5d0cf; /* Mauve Chalk */
}

Other schemes from Quicksilver

More Light Gray tetradic palettes

Questions

What colors go with Quicksilver?

In a tetradic scheme: Praying Mantis (#A5BE8F), Blithe Blue (#90BDBD), Yolanda (#A291BA), Mauve Chalk (#E5D0CF).

What is the hex code of Quicksilver?

#A6A6A6.