Thalassa Complementary Color Scheme

Five colors arranged by the complementary rule around Thalassa (#53B1BA), each snapped to its nearest named color.

#53B1BA

#96CED5

#B85B57

#8A3C38

#DBA29E

Color names and codes

Name	HEX	RGB	HSL	CMYK
Thalassa	`#53B1BA`	83, 177, 186	185°, 43%, 53%	55, 5, 0, 27
Peppermint Twist	`#96CED5`	150, 206, 213	187°, 43%, 71%	30, 3, 0, 16
Wild Poppy	`#B85B57`	184, 91, 87	2°, 41%, 53%	0, 51, 53, 28
Red Blooded	`#8A3C38`	138, 60, 56	3°, 42%, 38%	0, 57, 59, 46
Passive Pink	`#DBA29E`	219, 162, 158	4°, 46%, 74%	0, 26, 28, 14

Which pairs work for text

Text on background	Contrast	WCAG
Aa #96CED5 on #8A3C38	4.34:1	AA large
Aa #8A3C38 on #DBA29E	3.47:1	AA large
Aa #53B1BA on #8A3C38	3.00:1	AA large
Aa #96CED5 on #B85B57	2.59:1	—
Aa #B85B57 on #DBA29E	2.07:1	—
Aa #53B1BA on #B85B57	1.79:1	—

CSS variables

:root {
  --color-1: #53b1ba; /* Thalassa */
  --color-2: #96ced5; /* Peppermint Twist */
  --color-3: #b85b57; /* Wild Poppy */
  --color-4: #8a3c38; /* Red Blooded */
  --color-5: #dba29e; /* Passive Pink */
}

Other schemes from Thalassa

More Medium Teal complementary palettes

Questions

What colors go with Thalassa?

In a complementary scheme: Peppermint Twist (#96CED5), Wild Poppy (#B85B57), Red Blooded (#8A3C38), Passive Pink (#DBA29E).

What is the hex code of Thalassa?

#53B1BA.