Huebook

Silver Mistral Analogous Color Scheme

Five colors arranged by the analogous rule around Silver Mistral (#B4B9B9), each snapped to its nearest named color.

#A2C7A3
#AACCB9
#B4B9B9
#A6B7C8
#A3A7CC

Color names and codes

NameHEXRGBHSLCMYK
French Market#A2C7A3162, 199, 163122°, 25%, 71%19, 0, 18, 22
Bird’s Egg Green#AACCB9170, 204, 185146°, 25%, 73%17, 0, 9, 20
Silver Mistral#B4B9B9180, 185, 185180°, 3%, 72%3, 0, 0, 27
Paris Grey#A6B7C8166, 183, 200210°, 24%, 72%17, 8, 0, 22
Blossom Mauve#A3A7CC163, 167, 204234°, 29%, 72%20, 18, 0, 20

Which pairs work for text

Text on backgroundContrastWCAG
Aa #AACCB9 on #A3A7CC1.35:1—
Aa #A2C7A3 on #A3A7CC1.25:1—
Aa #B4B9B9 on #A3A7CC1.18:1—
Aa #AACCB9 on #A6B7C81.18:1—
Aa #A6B7C8 on #A3A7CC1.14:1—
Aa #AACCB9 on #B4B9B91.14:1—

CSS variables

:root {
  --color-1: #a2c7a3; /* French Market */
  --color-2: #aaccb9; /* Bird’s Egg Green */
  --color-3: #b4b9b9; /* Silver Mistral */
  --color-4: #a6b7c8; /* Paris Grey */
  --color-5: #a3a7cc; /* Blossom Mauve */
}

Other schemes from Silver Mistral

More Light Gray analogous palettes

Questions

What colors go with Silver Mistral?

In a analogous scheme: French Market (#A2C7A3), Bird’s Egg Green (#AACCB9), Paris Grey (#A6B7C8), Blossom Mauve (#A3A7CC).

What is the hex code of Silver Mistral?

#B4B9B9.