Huebook

Distant Cloud Triadic Color Scheme

Five colors arranged by the triadic rule around Distant Cloud (#E5EAE6), each snapped to its nearest named color.

#E5EAE6
#E3E1ED
#ECE4E2
#EFF5F1
#B8B0CF

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Distant Cloud#E5EAE6229, 234, 230132°, 11%, 91%2, 0, 2, 893.2% 0.008 152
Opus Magnum#E3E1ED227, 225, 237250°, 25%, 91%4, 5, 0, 791.5% 0.016 294
Whimsical White#ECE4E2236, 228, 22612°, 21%, 91%0, 3, 4, 792.5% 0.009 34
Heavy Sugar#EFF5F1239, 245, 241140°, 23%, 95%2, 0, 2, 496.5% 0.008 157
Petunia Trail#B8B0CF184, 176, 207255°, 24%, 75%11, 15, 0, 1977.4% 0.044 297

Which pairs work for text

Text on backgroundContrastWCAG
Aa #EFF5F1 on #B8B0CF1.87:1—
Aa #E5EAE6 on #B8B0CF1.70:1—
Aa #ECE4E2 on #B8B0CF1.65:1—
Aa #E3E1ED on #B8B0CF1.60:1—
Aa #E3E1ED on #EFF5F11.17:1—
Aa #ECE4E2 on #EFF5F11.13:1—

CSS variables

:root {
  --color-1: #e5eae6; /* Distant Cloud */
  --color-2: #e3e1ed; /* Opus Magnum */
  --color-3: #ece4e2; /* Whimsical White */
  --color-4: #eff5f1; /* Heavy Sugar */
  --color-5: #b8b0cf; /* Petunia Trail */
}

Other schemes from Distant Cloud

More very light gray triadic color schemes

Questions

What colors go with Distant Cloud?

In a triadic scheme: Opus Magnum (#E3E1ED), Whimsical White (#ECE4E2), Heavy Sugar (#EFF5F1), Petunia Trail (#B8B0CF).

What is the hex code of Distant Cloud?

#E5EAE6.