Onsen Complementary Color Scheme

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

#66EEBB

#B0EEE2

#EE6699

#E3256B

#F5C1D5

Color names and codes

Name	HEX	RGB	HSL	CMYK
Onsen	`#66EEBB`	102, 238, 187	158°, 80%, 67%	57, 0, 21, 7
East Cape	`#B0EEE2`	176, 238, 226	168°, 65%, 81%	26, 0, 5, 7
Shark Bait	`#EE6699`	238, 102, 153	338°, 80%, 67%	0, 57, 36, 7
Razzmatazz Lips	`#E3256B`	227, 37, 107	338°, 77%, 52%	0, 84, 53, 11
Cherry Blossom	`#F5C1D5`	245, 193, 213	337°, 72%, 86%	0, 21, 13, 4

Which pairs work for text

Text on background	Contrast	WCAG
Aa #B0EEE2 on #E3256B	3.41:1	AA large
Aa #66EEBB on #E3256B	3.06:1	AA large
Aa #E3256B on #F5C1D5	2.84:1	—
Aa #B0EEE2 on #EE6699	2.31:1	—
Aa #66EEBB on #EE6699	2.07:1	—
Aa #EE6699 on #F5C1D5	1.93:1	—

CSS variables

:root {
  --color-1: #66eebb; /* Onsen */
  --color-2: #b0eee2; /* East Cape */
  --color-3: #ee6699; /* Shark Bait */
  --color-4: #e3256b; /* Razzmatazz Lips */
  --color-5: #f5c1d5; /* Cherry Blossom */
}

Other schemes from Onsen

More Light Green complementary palettes

Questions

What colors go with Onsen?

In a complementary scheme: East Cape (#B0EEE2), Shark Bait (#EE6699), Razzmatazz Lips (#E3256B), Cherry Blossom (#F5C1D5).

What is the hex code of Onsen?

#66EEBB.