Ether Complementary Color Scheme

Five colors arranged by the complementary rule around Ether (#98B2B4), each snapped to its nearest named color.

#98B2B4

#CADDDE

#B7938F

#A06165

#E3D2CF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Ether	`#98B2B4`	152, 178, 180	184°, 16%, 65%	16, 1, 0, 29
Light Relax	`#CADDDE`	202, 221, 222	183°, 23%, 83%	9, 0, 0, 13
Cherry Taupe	`#B7938F`	183, 147, 143	6°, 22%, 64%	0, 20, 22, 28
Pizza Pie	`#A06165`	160, 97, 101	356°, 25%, 50%	0, 39, 37, 37
Light Lavender Blush	`#E3D2CF`	227, 210, 207	9°, 26%, 85%	0, 7, 9, 11

Which pairs work for text

Text on background	Contrast	WCAG
Aa #CADDDE on #A06165	3.39:1	AA large
Aa #A06165 on #E3D2CF	3.28:1	AA large
Aa #98B2B4 on #A06165	2.13:1	—
Aa #CADDDE on #B7938F	1.97:1	—
Aa #B7938F on #E3D2CF	1.90:1	—
Aa #B7938F on #A06165	1.73:1	—

CSS variables

:root {
  --color-1: #98b2b4; /* Ether */
  --color-2: #caddde; /* Light Relax */
  --color-3: #b7938f; /* Cherry Taupe */
  --color-4: #a06165; /* Pizza Pie */
  --color-5: #e3d2cf; /* Light Lavender Blush */
}

Other schemes from Ether

More Light Teal complementary palettes

Questions

What colors go with Ether?

In a complementary scheme: Light Relax (#CADDDE), Cherry Taupe (#B7938F), Pizza Pie (#A06165), Light Lavender Blush (#E3D2CF).

What is the hex code of Ether?

#98B2B4.