Misty Haze Monochromatic Color Scheme

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

#897D6D

#ABA39A

#CEC9C3

#F0EFED

#F6F2F1

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Habitat	`#897D6D`	137, 125, 109	34°, 11%, 48%	0, 9, 20, 46	59.6% 0.028 75
Functional Grey	`#ABA39A`	171, 163, 154	32°, 9%, 64%	0, 5, 10, 33	72.0% 0.016 71
Misty Haze	`#CEC9C3`	206, 201, 195	33°, 10%, 79%	0, 2, 5, 19	83.8% 0.010 73
White Glove	`#F0EFED`	240, 239, 237	40°, 9%, 94%	0, 0, 1, 6	95.2% 0.003 85
Bright White	`#F6F2F1`	246, 242, 241	12°, 22%, 95%	0, 2, 2, 4	96.4% 0.005 34

Which pairs work for text

Text on background	Contrast	WCAG
Aa #897D6D on #F6F2F1	3.62:1	AA large
Aa #897D6D on #F0EFED	3.50:1	AA large
Aa #897D6D on #CEC9C3	2.45:1	—
Aa #ABA39A on #F6F2F1	2.24:1	—
Aa #ABA39A on #F0EFED	2.17:1	—
Aa #897D6D on #ABA39A	1.62:1	—

CSS variables

:root {
  --color-1: #897d6d; /* Habitat */
  --color-2: #aba39a; /* Functional Grey */
  --color-3: #cec9c3; /* Misty Haze */
  --color-4: #f0efed; /* White Glove */
  --color-5: #f6f2f1; /* Bright White */
}

Other schemes from Misty Haze

More light gray monochromatic color schemes

Questions

What colors go with Misty Haze?

In a monochromatic scheme: Habitat (#897D6D), Functional Grey (#ABA39A), White Glove (#F0EFED), Bright White (#F6F2F1).

What is the hex code of Misty Haze?

#CEC9C3.