Jumbo Triadic Color Scheme

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

#878785

#6BA5A9

#A767A2

#CCCAA8

#487678

Color names and codes

Name	HEX	RGB	HSL	CMYK
Jumbo	`#878785`	135, 135, 133	60°, 1%, 53%	0, 0, 1, 47
Fairstar	`#6BA5A9`	107, 165, 169	184°, 26%, 54%	37, 2, 0, 34
Iris Orchid	`#A767A2`	167, 103, 162	305°, 27%, 53%	0, 38, 3, 35
Thistle Green	`#CCCAA8`	204, 202, 168	57°, 26%, 73%	0, 1, 18, 20
Cool Waters	`#487678`	72, 118, 120	183°, 25%, 38%	40, 2, 0, 53

Which pairs work for text

Text on background	Contrast	WCAG
Aa #CCCAA8 on #487678	3.04:1	AA large
Aa #A767A2 on #CCCAA8	2.46:1	—
Aa #878785 on #CCCAA8	2.16:1	—
Aa #6BA5A9 on #487678	1.83:1	—
Aa #6BA5A9 on #CCCAA8	1.66:1	—
Aa #6BA5A9 on #A767A2	1.48:1	—

CSS variables

:root {
  --color-1: #878785; /* Jumbo */
  --color-2: #6ba5a9; /* Fairstar */
  --color-3: #a767a2; /* Iris Orchid */
  --color-4: #cccaa8; /* Thistle Green */
  --color-5: #487678; /* Cool Waters */
}

Other schemes from Jumbo

More Medium Gray triadic palettes

Questions

What colors go with Jumbo?

In a triadic scheme: Fairstar (#6BA5A9), Iris Orchid (#A767A2), Thistle Green (#CCCAA8), Cool Waters (#487678).

What is the hex code of Jumbo?

#878785.