Siren Complementary Color Scheme

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

#69293B

#AC4362

#276757

#123328

#42B395

Color names and codes

Name	HEX	RGB	HSL	CMYK
Siren	`#69293B`	105, 41, 59	343°, 44%, 29%	0, 61, 44, 59
Hot	`#AC4362`	172, 67, 98	342°, 44%, 47%	0, 61, 43, 33
Terrestrial	`#276757`	39, 103, 87	165°, 45%, 28%	62, 0, 16, 60
Intense Green	`#123328`	18, 51, 40	160°, 48%, 14%	65, 0, 22, 80
Green Blue	`#42B395`	66, 179, 149	164°, 46%, 48%	63, 0, 17, 30

Which pairs work for text

Text on background	Contrast	WCAG
Aa #123328 on #42B395	5.30:1	AA
Aa #69293B on #42B395	4.10:1	AA large
Aa #276757 on #42B395	2.56:1	—
Aa #AC4362 on #123328	2.44:1	—
Aa #AC4362 on #42B395	2.17:1	—
Aa #276757 on #123328	2.07:1	—

CSS variables

:root {
  --color-1: #69293b; /* Siren */
  --color-2: #ac4362; /* Hot */
  --color-3: #276757; /* Terrestrial */
  --color-4: #123328; /* Intense Green */
  --color-5: #42b395; /* Green Blue */
}

Other schemes from Siren

More Dark Pink complementary palettes

Questions

What colors go with Siren?

In a complementary scheme: Hot (#AC4362), Terrestrial (#276757), Intense Green (#123328), Green Blue (#42B395).

What is the hex code of Siren?

#69293B.