Lagoon Complementary Color Scheme

Five colors arranged by the complementary rule around Lagoon (#4B9B93), each snapped to its nearest named color.

#4B9B93

#81C3B4

#974953

#663333

#C48692

Color names and codes

Name	HEX	RGB	HSL	CMYK
Lagoon	`#4B9B93`	75, 155, 147	174°, 35%, 45%	52, 0, 5, 39
Holiday	`#81C3B4`	129, 195, 180	166°, 35%, 64%	34, 0, 8, 24
Kirsch Red	`#974953`	151, 73, 83	352°, 35%, 44%	0, 52, 45, 41
City Roast	`#663333`	102, 51, 51	0°, 33%, 30%	0, 50, 50, 60
King’s Cloak	`#C48692`	196, 134, 146	348°, 34%, 65%	0, 32, 26, 23

Which pairs work for text

Text on background	Contrast	WCAG
Aa #81C3B4 on #663333	4.98:1	AA
Aa #663333 on #C48692	3.44:1	AA large
Aa #4B9B93 on #663333	3.07:1	AA large
Aa #81C3B4 on #974953	3.06:1	AA large
Aa #974953 on #C48692	2.11:1	—
Aa #4B9B93 on #974953	1.89:1	—

CSS variables

:root {
  --color-1: #4b9b93; /* Lagoon */
  --color-2: #81c3b4; /* Holiday */
  --color-3: #974953; /* Kirsch Red */
  --color-4: #663333; /* City Roast */
  --color-5: #c48692; /* King’s Cloak */
}

Other schemes from Lagoon

More Medium Teal complementary palettes

Questions

What colors go with Lagoon?

In a complementary scheme: Holiday (#81C3B4), Kirsch Red (#974953), City Roast (#663333), King’s Cloak (#C48692).

What is the hex code of Lagoon?

#4B9B93.