Basil Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Basil (#879F84), each snapped to its nearest named color.

#394C3B

#63775B

#879F84

#B3C1B1

#DDE2D9

Color names and codes

Name	HEX	RGB	HSL	CMYK
Mountain View	`#394C3B`	57, 76, 59	126°, 14%, 26%	25, 0, 22, 70
Salamander	`#63775B`	99, 119, 91	103°, 13%, 41%	17, 0, 24, 53
Basil	`#879F84`	135, 159, 132	113°, 12%, 57%	15, 0, 17, 38
Rainee	`#B3C1B1`	179, 193, 177	113°, 11%, 73%	7, 0, 8, 24
Wishy-Washy Mint	`#DDE2D9`	221, 226, 217	93°, 13%, 87%	2, 0, 4, 11

Which pairs work for text

Text on background	Contrast	WCAG
Aa #394C3B on #DDE2D9	7.03:1	AAA
Aa #394C3B on #B3C1B1	4.92:1	AA
Aa #63775B on #DDE2D9	3.69:1	AA large
Aa #394C3B on #879F84	3.22:1	AA large
Aa #63775B on #B3C1B1	2.59:1	—
Aa #879F84 on #DDE2D9	2.18:1	—

CSS variables

:root {
  --color-1: #394c3b; /* Mountain View */
  --color-2: #63775b; /* Salamander */
  --color-3: #879f84; /* Basil */
  --color-4: #b3c1b1; /* Rainee */
  --color-5: #dde2d9; /* Wishy-Washy Mint */
}

Other schemes from Basil

More Medium Green monochromatic palettes

Questions

What colors go with Basil?

In a monochromatic scheme: Mountain View (#394C3B), Salamander (#63775B), Rainee (#B3C1B1), Wishy-Washy Mint (#DDE2D9).

What is the hex code of Basil?

#879F84.