Magnetic Monochromatic Color Scheme

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

#666A60

#89928A

#B2B5AF

#D8DAD8

#F3F3F2

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Nature’s Gate	`#666A60`	102, 106, 96	84°, 5%, 40%	4, 0, 9, 58	51.8% 0.016 125
Grey Heron	`#89928A`	137, 146, 138	127°, 4%, 55%	6, 0, 5, 43	65.0% 0.016 149
Magnetic	`#B2B5AF`	178, 181, 175	90°, 4%, 70%	2, 0, 3, 29	76.9% 0.009 129
Silver Shadow	`#D8DAD8`	216, 218, 216	120°, 3%, 85%	1, 0, 1, 15	88.6% 0.003 146
Bleached Silk	`#F3F3F2`	243, 243, 242	60°, 4%, 95%	0, 0, 0, 5	96.4% 0.001 106

Which pairs work for text

Text on background	Contrast	WCAG
Aa #666A60 on #F3F3F2	4.98:1	AA
Aa #666A60 on #D8DAD8	3.94:1	AA large
Aa #89928A on #F3F3F2	2.89:1	—
Aa #666A60 on #B2B5AF	2.67:1	—
Aa #89928A on #D8DAD8	2.28:1	—
Aa #B2B5AF on #F3F3F2	1.87:1	—

CSS variables

:root {
  --color-1: #666a60; /* Nature’s Gate */
  --color-2: #89928a; /* Grey Heron */
  --color-3: #b2b5af; /* Magnetic */
  --color-4: #d8dad8; /* Silver Shadow */
  --color-5: #f3f3f2; /* Bleached Silk */
}

Other schemes from Magnetic

More light gray monochromatic color schemes

Questions

What colors go with Magnetic?

In a monochromatic scheme: Nature’s Gate (#666A60), Grey Heron (#89928A), Silver Shadow (#D8DAD8), Bleached Silk (#F3F3F2).

What is the hex code of Magnetic?

#B2B5AF.