Huebook

Whisper of Smoke Analogous Color Scheme

Five colors arranged by the analogous rule around Whisper of Smoke (#CBCECF), each snapped to its nearest named color.

#C0DBC6
#C3DCD5
#CBCECF
#C2C7DB
#C9C2DD

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Green Grapes#C0DBC6192, 219, 198133°, 27%, 81%12, 0, 10, 1486.6% 0.041 152
Green Wave#C3DCD5195, 220, 213163°, 26%, 81%11, 0, 3, 1487.4% 0.028 177
Whisper of Smoke#CBCECF203, 206, 207195°, 4%, 80%2, 0, 0, 1984.9% 0.004 220
Iced Lavender#C2C7DB194, 199, 219228°, 26%, 81%11, 9, 0, 1483.2% 0.028 275
Ice Mauve#C9C2DD201, 194, 221256°, 28%, 81%9, 12, 0, 1382.8% 0.038 297

Which pairs work for text

Text on backgroundContrastWCAG
Aa #C3DCD5 on #C9C2DD1.19:1—
Aa #C3DCD5 on #C2C7DB1.16:1—
Aa #C0DBC6 on #C9C2DD1.16:1—
Aa #C0DBC6 on #C2C7DB1.14:1—
Aa #C3DCD5 on #CBCECF1.09:1—
Aa #CBCECF on #C9C2DD1.08:1—

CSS variables

:root {
  --color-1: #c0dbc6; /* Green Grapes */
  --color-2: #c3dcd5; /* Green Wave */
  --color-3: #cbcecf; /* Whisper of Smoke */
  --color-4: #c2c7db; /* Iced Lavender */
  --color-5: #c9c2dd; /* Ice Mauve */
}

Other schemes from Whisper of Smoke

More very light gray analogous color schemes

Questions

What colors go with Whisper of Smoke?

In a analogous scheme: Green Grapes (#C0DBC6), Green Wave (#C3DCD5), Iced Lavender (#C2C7DB), Ice Mauve (#C9C2DD).

What is the hex code of Whisper of Smoke?

#CBCECF.