Humble Hippo Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Humble Hippo (#AAAA99), each snapped to its nearest named color.

#5E5B4D

#87866F

#AAAA99

#CBCDC4

#F1F0EC

Color names and codes

Name	HEX	RGB	HSL	CMYK
Moss Rock	`#5E5B4D`	94, 91, 77	49°, 10%, 34%	0, 3, 18, 63
Grasshopper Wing	`#87866F`	135, 134, 111	58°, 10%, 48%	0, 1, 18, 47
Humble Hippo	`#AAAA99`	170, 170, 153	60°, 9%, 63%	0, 0, 10, 33
Silhouette	`#CBCDC4`	203, 205, 196	73°, 8%, 79%	1, 0, 4, 20
White Shoulders	`#F1F0EC`	241, 240, 236	48°, 15%, 94%	0, 0, 2, 5

Which pairs work for text

Text on background	Contrast	WCAG
Aa #5E5B4D on #F1F0EC	5.98:1	AA
Aa #5E5B4D on #CBCDC4	4.24:1	AA large
Aa #87866F on #F1F0EC	3.25:1	AA large
Aa #5E5B4D on #AAAA99	2.90:1	—
Aa #87866F on #CBCDC4	2.31:1	—
Aa #AAAA99 on #F1F0EC	2.06:1	—

CSS variables

:root {
  --color-1: #5e5b4d; /* Moss Rock */
  --color-2: #87866f; /* Grasshopper Wing */
  --color-3: #aaaa99; /* Humble Hippo */
  --color-4: #cbcdc4; /* Silhouette */
  --color-5: #f1f0ec; /* White Shoulders */
}

Other schemes from Humble Hippo

More Light Gray monochromatic palettes

Questions

What colors go with Humble Hippo?

In a monochromatic scheme: Moss Rock (#5E5B4D), Grasshopper Wing (#87866F), Silhouette (#CBCDC4), White Shoulders (#F1F0EC).

What is the hex code of Humble Hippo?

#AAAA99.