Huebook

Stormy Monochromatic Color Scheme

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

#5F727A
#8697A0
#B0BCC3
#DCE2E5
#F2F3F4

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Desert Night#5F727A95, 114, 122198°, 12%, 43%22, 7, 0, 5253.9% 0.026 225
Evening Eclipse#8697A0134, 151, 160201°, 12%, 58%16, 6, 0, 3766.6% 0.024 231
Stormy#B0BCC3176, 188, 195202°, 14%, 73%10, 4, 0, 2478.8% 0.017 233
Cosmic Dust#DCE2E5220, 226, 229200°, 15%, 88%4, 1, 0, 1090.9% 0.008 229
Anti-Flash White#F2F3F4242, 243, 244210°, 8%, 95%1, 0, 0, 496.4% 0.002 248

Which pairs work for text

Text on backgroundContrastWCAG
Aa #5F727A on #F2F3F44.53:1AA
Aa #5F727A on #DCE2E53.85:1AA large
Aa #8697A0 on #F2F3F42.72:1—
Aa #5F727A on #B0BCC32.59:1—
Aa #8697A0 on #DCE2E52.31:1—
Aa #B0BCC3 on #F2F3F41.75:1—

CSS variables

:root {
  --color-1: #5f727a; /* Desert Night */
  --color-2: #8697a0; /* Evening Eclipse */
  --color-3: #b0bcc3; /* Stormy */
  --color-4: #dce2e5; /* Cosmic Dust */
  --color-5: #f2f3f4; /* Anti-Flash White */
}

Other schemes from Stormy

More light blue monochromatic color schemes

Questions

What colors go with Stormy?

In a monochromatic scheme: Desert Night (#5F727A), Evening Eclipse (#8697A0), Cosmic Dust (#DCE2E5), Anti-Flash White (#F2F3F4).

What is the hex code of Stormy?

#B0BCC3.