Loveland Triadic Color Scheme

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

#E6718D

#88EE77

#6488EA

#F4C8D5

#58D332

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Loveland	`#E6718D`	230, 113, 141	346°, 70%, 67%	0, 51, 39, 10	69.2% 0.147 7
Herbivore	`#88EE77`	136, 238, 119	111°, 78%, 70%	43, 0, 50, 7	86.0% 0.184 141
Soft Blue	`#6488EA`	100, 136, 234	224°, 76%, 65%	57, 42, 0, 8	64.6% 0.152 267
Mountain Laurel	`#F4C8D5`	244, 200, 213	342°, 67%, 87%	0, 18, 13, 4	87.4% 0.052 359
Download Progress	`#58D332`	88, 211, 50	106°, 65%, 51%	58, 0, 76, 17	76.7% 0.222 140

Which pairs work for text

Text on background	Contrast	WCAG
Aa #88EE77 on #6488EA	2.33:1	—
Aa #6488EA on #F4C8D5	2.25:1	—
Aa #E6718D on #88EE77	2.05:1	—
Aa #E6718D on #F4C8D5	1.98:1	—
Aa #6488EA on #58D332	1.72:1	—
Aa #E6718D on #58D332	1.52:1	—

CSS variables

:root {
  --color-1: #e6718d; /* Loveland */
  --color-2: #88ee77; /* Herbivore */
  --color-3: #6488ea; /* Soft Blue */
  --color-4: #f4c8d5; /* Mountain Laurel */
  --color-5: #58d332; /* Download Progress */
}

Other schemes from Loveland

More light red triadic color schemes

Questions

What colors go with Loveland?

In a triadic scheme: Herbivore (#88EE77), Soft Blue (#6488EA), Mountain Laurel (#F4C8D5), Download Progress (#58D332).

What is the hex code of Loveland?

#E6718D.