Grass Triadic Color Scheme

Five colors arranged by the triadic rule around Grass (#5CAC2D), each snapped to its nearest named color.

#5CAC2D

#3356AA

#A7295F

#8AD370

#13336F

Color names and codes

Name	HEX	RGB	HSL	CMYK
Grass	`#5CAC2D`	92, 172, 45	98°, 59%, 43%	47, 0, 74, 33
Blasphemous Blue	`#3356AA`	51, 86, 170	222°, 54%, 43%	70, 49, 0, 33
Vivacious	`#A7295F`	167, 41, 95	334°, 61%, 41%	0, 75, 43, 35
Green Lacewing	`#8AD370`	138, 211, 112	104°, 53%, 63%	35, 0, 47, 17
Atlantic Navy	`#13336F`	19, 51, 111	219°, 71%, 25%	83, 54, 0, 56

Which pairs work for text

Text on background	Contrast	WCAG
Aa #8AD370 on #13336F	6.72:1	AA
Aa #5CAC2D on #13336F	4.27:1	AA large
Aa #3356AA on #8AD370	3.81:1	AA large
Aa #A7295F on #8AD370	3.72:1	AA large
Aa #5CAC2D on #3356AA	2.42:1	—
Aa #5CAC2D on #A7295F	2.37:1	—

CSS variables

:root {
  --color-1: #5cac2d; /* Grass */
  --color-2: #3356aa; /* Blasphemous Blue */
  --color-3: #a7295f; /* Vivacious */
  --color-4: #8ad370; /* Green Lacewing */
  --color-5: #13336f; /* Atlantic Navy */
}

Other schemes from Grass

More Medium Green triadic palettes

Questions

What colors go with Grass?

In a triadic scheme: Blasphemous Blue (#3356AA), Vivacious (#A7295F), Green Lacewing (#8AD370), Atlantic Navy (#13336F).

What is the hex code of Grass?

#5CAC2D.