Pine Complementary Color Scheme

Five colors arranged by the complementary rule around Pine (#2B5D34), each snapped to its nearest named color.

#2B5D34

#4A9D5B

#5B3256

#2C1620

#A24D8F

Color names and codes

Name	HEX	RGB	HSL	CMYK
Pine	`#2B5D34`	43, 93, 52	131°, 37%, 27%	54, 0, 44, 64
Clover Patch	`#4A9D5B`	74, 157, 91	132°, 36%, 45%	53, 0, 42, 38
Japanese Violet	`#5B3256`	91, 50, 86	307°, 29%, 28%	0, 45, 5, 64
Black Cherry	`#2C1620`	44, 22, 32	333°, 33%, 13%	0, 50, 27, 83
Betony	`#A24D8F`	162, 77, 143	313°, 36%, 47%	0, 52, 12, 36

Which pairs work for text

Text on background	Contrast	WCAG
Aa #4A9D5B on #2C1620	5.04:1	AA
Aa #2C1620 on #A24D8F	3.21:1	AA large
Aa #4A9D5B on #5B3256	3.08:1	AA large
Aa #2B5D34 on #4A9D5B	2.30:1	—
Aa #2B5D34 on #2C1620	2.19:1	—
Aa #5B3256 on #A24D8F	1.96:1	—

CSS variables

:root {
  --color-1: #2b5d34; /* Pine */
  --color-2: #4a9d5b; /* Clover Patch */
  --color-3: #5b3256; /* Japanese Violet */
  --color-4: #2c1620; /* Black Cherry */
  --color-5: #a24d8f; /* Betony */
}

Other schemes from Pine

More Dark Green complementary palettes

Questions

What colors go with Pine?

In a complementary scheme: Clover Patch (#4A9D5B), Japanese Violet (#5B3256), Black Cherry (#2C1620), Betony (#A24D8F).

What is the hex code of Pine?

#2B5D34.