Cypress Triadic Color Scheme

Five colors arranged by the triadic rule around Cypress (#585D40), each snapped to its nearest named color.

#585D40

#3B5964

#613A57

#95A263

#193232

Color names and codes

Name	HEX	RGB	HSL	CMYK
Cypress	`#585D40`	88, 93, 64	70°, 18%, 31%	5, 0, 31, 64
Cadet Song	`#3B5964`	59, 89, 100	196°, 26%, 31%	41, 11, 0, 61
Precious Jewels	`#613A57`	97, 58, 87	315°, 25%, 30%	0, 40, 10, 62
Banana Palm	`#95A263`	149, 162, 99	72°, 25%, 51%	8, 0, 39, 36
Dark Pine Green	`#193232`	25, 50, 50	180°, 33%, 15%	50, 0, 0, 80

Which pairs work for text

Text on background	Contrast	WCAG
Aa #95A263 on #193232	4.94:1	AA
Aa #613A57 on #95A263	3.39:1	AA large
Aa #3B5964 on #95A263	2.72:1	—
Aa #585D40 on #95A263	2.50:1	—
Aa #585D40 on #193232	1.98:1	—
Aa #3B5964 on #193232	1.81:1	—

CSS variables

:root {
  --color-1: #585d40; /* Cypress */
  --color-2: #3b5964; /* Cadet Song */
  --color-3: #613a57; /* Precious Jewels */
  --color-4: #95a263; /* Banana Palm */
  --color-5: #193232; /* Dark Pine Green */
}

Other schemes from Cypress

More Dark Green triadic palettes

Questions

What colors go with Cypress?

In a triadic scheme: Cadet Song (#3B5964), Precious Jewels (#613A57), Banana Palm (#95A263), Dark Pine Green (#193232).

What is the hex code of Cypress?

#585D40.