Rainy Mood Complementary Color Scheme

Five colors arranged by the complementary rule around Rainy Mood (#4499AA), each snapped to its nearest named color.

#4499AA

#7BBDC7

#A75546

#76392E

#CF9384

Color names and codes

Name	HEX	RGB	HSL	CMYK
Rainy Mood	`#4499AA`	68, 153, 170	190°, 43%, 47%	60, 10, 0, 33
Aqua Vitale	`#7BBDC7`	123, 189, 199	188°, 40%, 63%	38, 5, 0, 22
Portsmouth Spice	`#A75546`	167, 85, 70	9°, 41%, 46%	0, 49, 58, 35
Capsicum Red	`#76392E`	118, 57, 46	9°, 44%, 32%	0, 52, 61, 54
Rosy Queen	`#CF9384`	207, 147, 132	12°, 44%, 66%	0, 29, 36, 19

Which pairs work for text

Text on background	Contrast	WCAG
Aa #7BBDC7 on #76392E	4.15:1	AA large
Aa #76392E on #CF9384	3.41:1	AA large
Aa #4499AA on #76392E	2.67:1	—
Aa #7BBDC7 on #A75546	2.47:1	—
Aa #A75546 on #CF9384	2.02:1	—
Aa #A75546 on #76392E	1.68:1	—

CSS variables

:root {
  --color-1: #4499aa; /* Rainy Mood */
  --color-2: #7bbdc7; /* Aqua Vitale */
  --color-3: #a75546; /* Portsmouth Spice */
  --color-4: #76392e; /* Capsicum Red */
  --color-5: #cf9384; /* Rosy Queen */
}

Other schemes from Rainy Mood

More Medium Teal complementary palettes

Questions

What colors go with Rainy Mood?

In a complementary scheme: Aqua Vitale (#7BBDC7), Portsmouth Spice (#A75546), Capsicum Red (#76392E), Rosy Queen (#CF9384).

What is the hex code of Rainy Mood?

#4499AA.