Jubilant Jade Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Jubilant Jade (#44AA77), each snapped to its nearest named color.

#1A3F2C

#2E7B52

#44AA77

#77CC99

#B0DEC8

Color names and codes

Name	HEX	RGB	HSL	CMYK
Mizukaze Green	`#1A3F2C`	26, 63, 44	149°, 42%, 17%	59, 0, 30, 75
Canadian Pine	`#2E7B52`	46, 123, 82	148°, 46%, 33%	63, 0, 33, 52
Jubilant Jade	`#44AA77`	68, 170, 119	150°, 43%, 47%	60, 0, 30, 33
Jocose Jade	`#77CC99`	119, 204, 153	144°, 45%, 63%	42, 0, 25, 20
Shallow Shore	`#B0DEC8`	176, 222, 200	151°, 41%, 78%	21, 0, 10, 13

Which pairs work for text

Text on background	Contrast	WCAG
Aa #1A3F2C on #B0DEC8	7.89:1	AAA
Aa #1A3F2C on #77CC99	6.07:1	AA
Aa #1A3F2C on #44AA77	4.05:1	AA large
Aa #2E7B52 on #B0DEC8	3.47:1	AA large
Aa #2E7B52 on #77CC99	2.67:1	—
Aa #1A3F2C on #2E7B52	2.27:1	—

CSS variables

:root {
  --color-1: #1a3f2c; /* Mizukaze Green */
  --color-2: #2e7b52; /* Canadian Pine */
  --color-3: #44aa77; /* Jubilant Jade */
  --color-4: #77cc99; /* Jocose Jade */
  --color-5: #b0dec8; /* Shallow Shore */
}

Other schemes from Jubilant Jade

More Medium Green monochromatic palettes

Questions

What colors go with Jubilant Jade?

In a monochromatic scheme: Mizukaze Green (#1A3F2C), Canadian Pine (#2E7B52), Jocose Jade (#77CC99), Shallow Shore (#B0DEC8).

What is the hex code of Jubilant Jade?

#44AA77.