White Smoke Complementary Color Scheme

Five colors arranged by the complementary rule around White Smoke (#F5F5F5), each snapped to its nearest named color.

#F5F5F5

#F4EFEE

#F0F4F2

#C1DCDB

#F0F4F2

Color names and codes

Name	HEX	RGB	HSL	CMYK
White Smoke	`#F5F5F5`	245, 245, 245	0°, 0%, 96%	0, 0, 0, 4
Angelic Wings	`#F4EFEE`	244, 239, 238	10°, 21%, 95%	0, 2, 2, 4
Bakery Box	`#F0F4F2`	240, 244, 242	150°, 15%, 95%	2, 0, 1, 4
Cold Air Turquoise	`#C1DCDB`	193, 220, 219	178°, 28%, 81%	12, 0, 0, 14
Bakery Box	`#F0F4F2`	240, 244, 242	150°, 15%, 95%	2, 0, 1, 4

Which pairs work for text

Text on background	Contrast	WCAG
Aa #F5F5F5 on #C1DCDB	1.33:1	—
Aa #F0F4F2 on #C1DCDB	1.30:1	—
Aa #C1DCDB on #F0F4F2	1.30:1	—
Aa #F4EFEE on #C1DCDB	1.27:1	—
Aa #F5F5F5 on #F4EFEE	1.05:1	—
Aa #F4EFEE on #F0F4F2	1.03:1	—

CSS variables

:root {
  --color-1: #f5f5f5; /* White Smoke */
  --color-2: #f4efee; /* Angelic Wings */
  --color-3: #f0f4f2; /* Bakery Box */
  --color-4: #c1dcdb; /* Cold Air Turquoise */
  --color-5: #f0f4f2; /* Bakery Box */
}

Other schemes from White Smoke

More White complementary palettes

Questions

What colors go with White Smoke?

In a complementary scheme: Angelic Wings (#F4EFEE), Bakery Box (#F0F4F2), Cold Air Turquoise (#C1DCDB), Bakery Box (#F0F4F2).

What is the hex code of White Smoke?

#F5F5F5.