Topiary Green Tetradic Color Scheme

Five colors arranged by the tetradic rule around Topiary Green (#667700), each snapped to its nearest named color.

#667700

#00754B

#110077

#7B002C

#BBDD00

Color names and codes

Name	HEX	RGB	HSL	CMYK
Topiary Green	`#667700`	102, 119, 0	69°, 100%, 23%	14, 0, 100, 53
Gnarls Green	`#00754B`	0, 117, 75	158°, 100%, 23%	100, 0, 36, 54
Insomniac Blue	`#110077`	17, 0, 119	249°, 100%, 23%	86, 100, 0, 53
Bordeaux	`#7B002C`	123, 0, 44	339°, 100%, 24%	0, 100, 64, 52
High Grass	`#BBDD00`	187, 221, 0	69°, 100%, 43%	15, 0, 100, 13

Which pairs work for text

Text on background	Contrast	WCAG
Aa #110077 on #BBDD00	10.43:1	AAA
Aa #7B002C on #BBDD00	7.16:1	AAA
Aa #00754B on #BBDD00	3.69:1	AA large
Aa #667700 on #110077	3.26:1	AA large
Aa #667700 on #BBDD00	3.20:1	AA large
Aa #00754B on #110077	2.83:1	—

CSS variables

:root {
  --color-1: #667700; /* Topiary Green */
  --color-2: #00754b; /* Gnarls Green */
  --color-3: #110077; /* Insomniac Blue */
  --color-4: #7b002c; /* Bordeaux */
  --color-5: #bbdd00; /* High Grass */
}

Other schemes from Topiary Green

More Dark Yellow tetradic palettes

Questions

What colors go with Topiary Green?

In a tetradic scheme: Gnarls Green (#00754B), Insomniac Blue (#110077), Bordeaux (#7B002C), High Grass (#BBDD00).

What is the hex code of Topiary Green?

#667700.