Happy Hippo Triadic Color Scheme

Five colors arranged by the triadic rule around Happy Hippo (#818581), each snapped to its nearest named color.

#818581

#6264A6

#A46366

#A2C7A3

#4B4775

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Happy Hippo	`#818581`	129, 133, 129	120°, 2%, 51%	3, 0, 3, 48	61.2% 0.008 145
Blue Iris	`#6264A6`	98, 100, 166	238°, 28%, 52%	41, 40, 0, 35	53.1% 0.103 281
Herald of Spring	`#A46366`	164, 99, 102	357°, 26%, 52%	0, 40, 38, 36	57.2% 0.084 17
French Market	`#A2C7A3`	162, 199, 163	122°, 25%, 71%	19, 0, 18, 22	79.3% 0.064 146
Dramatist	`#4B4775`	75, 71, 117	245°, 24%, 37%	36, 39, 0, 54	42.3% 0.075 287

Which pairs work for text

Text on background	Contrast	WCAG
Aa #A2C7A3 on #4B4775	4.57:1	AA
Aa #6264A6 on #A2C7A3	2.89:1	—
Aa #A46366 on #A2C7A3	2.47:1	—
Aa #818581 on #4B4775	2.28:1	—
Aa #818581 on #A2C7A3	2.00:1	—
Aa #A46366 on #4B4775	1.85:1	—

CSS variables

:root {
  --color-1: #818581; /* Happy Hippo */
  --color-2: #6264a6; /* Blue Iris */
  --color-3: #a46366; /* Herald of Spring */
  --color-4: #a2c7a3; /* French Market */
  --color-5: #4b4775; /* Dramatist */
}

Other schemes from Happy Hippo

More medium gray triadic color schemes

Questions

What colors go with Happy Hippo?

In a triadic scheme: Blue Iris (#6264A6), Herald of Spring (#A46366), French Market (#A2C7A3), Dramatist (#4B4775).

What is the hex code of Happy Hippo?

#818581.