Glassmith Complementary Color Scheme

Five colors arranged by the complementary rule around Glassmith (#46B5C0), each snapped to its nearest named color.

#46B5C0

#8ACFD6

#C0514A

#87382F

#D79A91

Color names and codes

Name	HEX	RGB	HSL	CMYK
Glassmith	`#46B5C0`	70, 181, 192	185°, 49%, 51%	64, 6, 0, 25
Sky Watch	`#8ACFD6`	138, 207, 214	186°, 48%, 69%	36, 3, 0, 16
Sunset	`#C0514A`	192, 81, 74	4°, 48%, 52%	0, 58, 61, 25
Crabapple	`#87382F`	135, 56, 47	6°, 48%, 36%	0, 59, 65, 47
Shanghai Peach	`#D79A91`	215, 154, 145	8°, 47%, 71%	0, 28, 33, 16

Which pairs work for text

Text on background	Contrast	WCAG
Aa #8ACFD6 on #87382F	4.54:1	AA
Aa #87382F on #D79A91	3.38:1	AA large
Aa #46B5C0 on #87382F	3.27:1	AA large
Aa #8ACFD6 on #C0514A	2.65:1	—
Aa #C0514A on #D79A91	1.97:1	—
Aa #46B5C0 on #C0514A	1.91:1	—

CSS variables

:root {
  --color-1: #46b5c0; /* Glassmith */
  --color-2: #8acfd6; /* Sky Watch */
  --color-3: #c0514a; /* Sunset */
  --color-4: #87382f; /* Crabapple */
  --color-5: #d79a91; /* Shanghai Peach */
}

Other schemes from Glassmith

More Medium Teal complementary palettes

Questions

What colors go with Glassmith?

In a complementary scheme: Sky Watch (#8ACFD6), Sunset (#C0514A), Crabapple (#87382F), Shanghai Peach (#D79A91).

What is the hex code of Glassmith?

#46B5C0.