Topiary Green Complementary Color Scheme

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

#667700

#BFCF00

#110077

#06012C

#3300CC

Color names and codes

Name	HEX	RGB	HSL	CMYK
Topiary Green	`#667700`	102, 119, 0	69°, 100%, 23%	14, 0, 100, 53
Garlic Pesto	`#BFCF00`	191, 207, 0	65°, 100%, 41%	8, 0, 100, 19
Insomniac Blue	`#110077`	17, 0, 119	249°, 100%, 23%	86, 100, 0, 53
Insomnia	`#06012C`	6, 1, 44	247°, 96%, 9%	86, 98, 0, 83
Busty Blue	`#3300CC`	51, 0, 204	255°, 100%, 40%	75, 100, 0, 20

Which pairs work for text

Text on background	Contrast	WCAG
Aa #BFCF00 on #06012C	11.58:1	AAA
Aa #BFCF00 on #110077	9.41:1	AAA
Aa #BFCF00 on #3300CC	6.03:1	AA
Aa #667700 on #06012C	4.01:1	AA large
Aa #667700 on #110077	3.26:1	AA large
Aa #667700 on #BFCF00	2.89:1	—

CSS variables

:root {
  --color-1: #667700; /* Topiary Green */
  --color-2: #bfcf00; /* Garlic Pesto */
  --color-3: #110077; /* Insomniac Blue */
  --color-4: #06012c; /* Insomnia */
  --color-5: #3300cc; /* Busty Blue */
}

Other schemes from Topiary Green

More Dark Yellow complementary palettes

Questions

What colors go with Topiary Green?

In a complementary scheme: Garlic Pesto (#BFCF00), Insomniac Blue (#110077), Insomnia (#06012C), Busty Blue (#3300CC).

What is the hex code of Topiary Green?

#667700.