Plunge Complementary Color Scheme

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

#035568

#009DC4

#661100

#1A0600

#CC3300

Color names and codes

Name	HEX	RGB	HSL	CMYK
Plunge	`#035568`	3, 85, 104	191°, 94%, 21%	97, 18, 0, 59
Blue Ocean	`#009DC4`	0, 157, 196	192°, 100%, 38%	100, 20, 0, 23
Cowpeas	`#661100`	102, 17, 0	10°, 100%, 20%	0, 83, 100, 60
Soy Sauce	`#1A0600`	26, 6, 0	14°, 100%, 5%	0, 77, 100, 90
Pleasant Pomegranate	`#CC3300`	204, 51, 0	15°, 100%, 40%	0, 75, 100, 20

Which pairs work for text

Text on background	Contrast	WCAG
Aa #009DC4 on #1A0600	6.19:1	AA
Aa #009DC4 on #661100	4.02:1	AA large
Aa #1A0600 on #CC3300	3.78:1	AA large
Aa #035568 on #009DC4	2.64:1	—
Aa #661100 on #CC3300	2.46:1	—
Aa #035568 on #1A0600	2.34:1	—

CSS variables

:root {
  --color-1: #035568; /* Plunge */
  --color-2: #009dc4; /* Blue Ocean */
  --color-3: #661100; /* Cowpeas */
  --color-4: #1a0600; /* Soy Sauce */
  --color-5: #cc3300; /* Pleasant Pomegranate */
}

Other schemes from Plunge

More Dark Teal complementary palettes

Questions

What colors go with Plunge?

In a complementary scheme: Blue Ocean (#009DC4), Cowpeas (#661100), Soy Sauce (#1A0600), Pleasant Pomegranate (#CC3300).

What is the hex code of Plunge?

#035568.