Iridescent Triadic Color Scheme

Five colors arranged by the triadic rule around Iridescent (#3A5B52), each snapped to its nearest named color.

#3A5B52

#57385E

#5C5337

#5E9B8A

#221133

Color names and codes

Name	HEX	RGB	HSL	CMYK
Iridescent	`#3A5B52`	58, 91, 82	164°, 22%, 29%	36, 0, 10, 64
Purpurite Violet	`#57385E`	87, 56, 94	289°, 25%, 29%	7, 40, 0, 63
Marsh	`#5C5337`	92, 83, 55	45°, 25%, 29%	0, 10, 40, 64
Grey Teal	`#5E9B8A`	94, 155, 138	163°, 24%, 49%	39, 0, 11, 39
Blacklist	`#221133`	34, 17, 51	270°, 50%, 13%	33, 67, 0, 80

Which pairs work for text

Text on background	Contrast	WCAG
Aa #5E9B8A on #221133	5.46:1	AA
Aa #57385E on #5E9B8A	3.06:1	AA large
Aa #5C5337 on #5E9B8A	2.38:1	—
Aa #3A5B52 on #221133	2.34:1	—
Aa #3A5B52 on #5E9B8A	2.33:1	—
Aa #5C5337 on #221133	2.30:1	—

CSS variables

:root {
  --color-1: #3a5b52; /* Iridescent */
  --color-2: #57385e; /* Purpurite Violet */
  --color-3: #5c5337; /* Marsh */
  --color-4: #5e9b8a; /* Grey Teal */
  --color-5: #221133; /* Blacklist */
}

Other schemes from Iridescent

More Dark Green triadic palettes

Questions

What colors go with Iridescent?

In a triadic scheme: Purpurite Violet (#57385E), Marsh (#5C5337), Grey Teal (#5E9B8A), Blacklist (#221133).

What is the hex code of Iridescent?

#3A5B52.