Huebook

Stormy Split-complementary Color Scheme

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

#B0BCC3
#C9A7AC
#C8C5A7
#7A99AD
#E8D8DA

Color names and codes

NameHEXRGBHSLCMYK
Stormy#B0BCC3176, 188, 195202°, 14%, 73%10, 4, 0, 24
Dutchess Dawn#C9A7AC201, 167, 172351°, 24%, 72%0, 17, 14, 21
Cargo Green#C8C5A7200, 197, 16755°, 23%, 72%0, 1, 16, 22
Post Boy#7A99AD122, 153, 173204°, 24%, 58%29, 12, 0, 32
Diminished Red#E8D8DA232, 216, 218353°, 26%, 88%0, 7, 6, 9

Which pairs work for text

Text on backgroundContrastWCAG
Aa #7A99AD on #E8D8DA2.18:1—
Aa #C8C5A7 on #7A99AD1.72:1—
Aa #C9A7AC on #E8D8DA1.59:1—
Aa #B0BCC3 on #7A99AD1.55:1—
Aa #B0BCC3 on #E8D8DA1.41:1—
Aa #C9A7AC on #7A99AD1.37:1—

CSS variables

:root {
  --color-1: #b0bcc3; /* Stormy */
  --color-2: #c9a7ac; /* Dutchess Dawn */
  --color-3: #c8c5a7; /* Cargo Green */
  --color-4: #7a99ad; /* Post Boy */
  --color-5: #e8d8da; /* Diminished Red */
}

Other schemes from Stormy

More Light Blue split-complementary palettes

Questions

What colors go with Stormy?

In a split-complementary scheme: Dutchess Dawn (#C9A7AC), Cargo Green (#C8C5A7), Post Boy (#7A99AD), Diminished Red (#E8D8DA).

What is the hex code of Stormy?

#B0BCC3.