Shamrock Complementary Color Scheme

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

#009E60

#00FA9A

#9E003A

#550022

#FF0066

Color names and codes

Name	HEX	RGB	HSL	CMYK
Shamrock	`#009E60`	0, 158, 96	156°, 100%, 31%	100, 0, 39, 38
Atomic Spring	`#00FA9A`	0, 250, 154	157°, 100%, 49%	100, 0, 38, 2
Cranberry	`#9E003A`	158, 0, 58	338°, 100%, 31%	0, 100, 63, 38
Fig Balsamic	`#550022`	85, 0, 34	336°, 100%, 17%	0, 100, 60, 67
Standby LED	`#FF0066`	255, 0, 102	336°, 100%, 50%	0, 100, 60, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #00FA9A on #550022	10.74:1	AAA
Aa #00FA9A on #9E003A	6.02:1	AA
Aa #009E60 on #550022	4.30:1	AA large
Aa #550022 on #FF0066	3.86:1	AA large
Aa #00FA9A on #FF0066	2.78:1	—
Aa #009E60 on #00FA9A	2.50:1	—

CSS variables

:root {
  --color-1: #009e60; /* Shamrock */
  --color-2: #00fa9a; /* Atomic Spring */
  --color-3: #9e003a; /* Cranberry */
  --color-4: #550022; /* Fig Balsamic */
  --color-5: #ff0066; /* Standby LED */
}

Other schemes from Shamrock

More Dark Green complementary palettes

Questions

What colors go with Shamrock?

In a complementary scheme: Atomic Spring (#00FA9A), Cranberry (#9E003A), Fig Balsamic (#550022), Standby LED (#FF0066).

What is the hex code of Shamrock?

#009E60.