Onsen Triadic Color Scheme

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

#66EEBB

#B36FF6

#EEBB66

#C5F5E8

#8A2BE2

Color names and codes

Name	HEX	RGB	HSL	CMYK
Onsen	`#66EEBB`	102, 238, 187	158°, 80%, 67%	57, 0, 21, 7
Queer Purple	`#B36FF6`	179, 111, 246	270°, 88%, 70%	27, 55, 0, 4
Flaming June	`#EEBB66`	238, 187, 102	37°, 80%, 67%	0, 21, 57, 7
Shallow End	`#C5F5E8`	197, 245, 232	164°, 71%, 87%	20, 0, 5, 4
Bright Blue Violet	`#8A2BE2`	138, 43, 226	271°, 76%, 53%	39, 81, 0, 11

Which pairs work for text

Text on background	Contrast	WCAG
Aa #C5F5E8 on #8A2BE2	4.99:1	AA
Aa #66EEBB on #8A2BE2	4.12:1	AA large
Aa #EEBB66 on #8A2BE2	3.39:1	AA large
Aa #B36FF6 on #C5F5E8	2.70:1	—
Aa #66EEBB on #B36FF6	2.23:1	—
Aa #B36FF6 on #8A2BE2	1.85:1	—

CSS variables

:root {
  --color-1: #66eebb; /* Onsen */
  --color-2: #b36ff6; /* Queer Purple */
  --color-3: #eebb66; /* Flaming June */
  --color-4: #c5f5e8; /* Shallow End */
  --color-5: #8a2be2; /* Bright Blue Violet */
}

Other schemes from Onsen

More Light Green triadic palettes

Questions

What colors go with Onsen?

In a triadic scheme: Queer Purple (#B36FF6), Flaming June (#EEBB66), Shallow End (#C5F5E8), Bright Blue Violet (#8A2BE2).

What is the hex code of Onsen?

#66EEBB.