Tempest Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Tempest (#79839B), each snapped to its nearest named color.

#363B43

#505D74

#79839B

#A5ADBD

#D1D4DB

Color names and codes

Name	HEX	RGB	HSL	CMYK
Do Not Disturb	`#363B43`	54, 59, 67	217°, 11%, 24%	19, 12, 0, 74
Vintage Indigo	`#505D74`	80, 93, 116	218°, 18%, 38%	31, 20, 0, 55
Tempest	`#79839B`	121, 131, 155	222°, 15%, 54%	22, 15, 0, 39
Snub	`#A5ADBD`	165, 173, 189	220°, 15%, 69%	13, 8, 0, 26
Blueberry Whip	`#D1D4DB`	209, 212, 219	222°, 12%, 84%	5, 3, 0, 14

Which pairs work for text

Text on background	Contrast	WCAG
Aa #363B43 on #D1D4DB	7.59:1	AAA
Aa #363B43 on #A5ADBD	5.00:1	AA
Aa #505D74 on #D1D4DB	4.48:1	AA large
Aa #363B43 on #79839B	2.97:1	—
Aa #505D74 on #A5ADBD	2.95:1	—
Aa #79839B on #D1D4DB	2.56:1	—

CSS variables

:root {
  --color-1: #363b43; /* Do Not Disturb */
  --color-2: #505d74; /* Vintage Indigo */
  --color-3: #79839b; /* Tempest */
  --color-4: #a5adbd; /* Snub */
  --color-5: #d1d4db; /* Blueberry Whip */
}

Other schemes from Tempest

More Medium Blue monochromatic palettes

Questions

What colors go with Tempest?

In a monochromatic scheme: Do Not Disturb (#363B43), Vintage Indigo (#505D74), Snub (#A5ADBD), Blueberry Whip (#D1D4DB).

What is the hex code of Tempest?

#79839B.