Huebook

Stormy Bay Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Stormy Bay (#9AAFAF), each snapped to its nearest named color.

#4F6364
#6F8A8C
#9AAFAF
#C4D2D0
#EEF2F3

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Wellington#4F636479, 99, 100183°, 12%, 35%21, 1, 0, 6148.4% 0.024 200
Polaris Blue#6F8A8C111, 138, 140184°, 12%, 49%21, 1, 0, 4561.3% 0.031 202
Stormy Bay#9AAFAF154, 175, 175180°, 12%, 65%12, 0, 0, 3173.8% 0.023 197
Winter Garden#C4D2D0196, 210, 208171°, 13%, 80%7, 0, 1, 1885.3% 0.015 187
Maui Mist#EEF2F3238, 242, 243192°, 17%, 94%2, 0, 0, 595.8% 0.004 214

Which pairs work for text

Text on backgroundContrastWCAG
Aa #4F6364 on #EEF2F35.64:1AA
Aa #4F6364 on #C4D2D04.08:1AA large
Aa #6F8A8C on #EEF2F33.27:1AA large
Aa #4F6364 on #9AAFAF2.76:1—
Aa #6F8A8C on #C4D2D02.37:1—
Aa #9AAFAF on #EEF2F32.04:1—

CSS variables

:root {
  --color-1: #4f6364; /* Wellington */
  --color-2: #6f8a8c; /* Polaris Blue */
  --color-3: #9aafaf; /* Stormy Bay */
  --color-4: #c4d2d0; /* Winter Garden */
  --color-5: #eef2f3; /* Maui Mist */
}

Other schemes from Stormy Bay

More light gray monochromatic color schemes

Questions

What colors go with Stormy Bay?

In a monochromatic scheme: Wellington (#4F6364), Polaris Blue (#6F8A8C), Winter Garden (#C4D2D0), Maui Mist (#EEF2F3).

What is the hex code of Stormy Bay?

#9AAFAF.