Fish Boy Tetradic Color Scheme

Five colors arranged by the tetradic rule around Fish Boy (#11DDDD), each snapped to its nearest named color.

#11DDDD

#7711DD

#DD1111

#66DD00

#66EEEE

Color names and codes

Name	HEX	RGB	HSL	CMYK
Fish Boy	`#11DDDD`	17, 221, 221	180°, 86%, 47%	92, 0, 0, 13
Voluptuous Violet	`#7711DD`	119, 17, 221	270°, 86%, 47%	46, 92, 0, 13
Stoplight	`#DD1111`	221, 17, 17	0°, 86%, 47%	0, 92, 92, 13
Radioactive Lilypad	`#66DD00`	102, 221, 0	92°, 100%, 43%	54, 0, 100, 13
Poseidon Jr.	`#66EEEE`	102, 238, 238	180°, 80%, 67%	57, 0, 0, 7

Which pairs work for text

Text on background	Contrast	WCAG
Aa #7711DD on #66EEEE	5.17:1	AA
Aa #11DDDD on #7711DD	4.27:1	AA large
Aa #7711DD on #66DD00	4.09:1	AA large
Aa #DD1111 on #66EEEE	3.61:1	AA large
Aa #11DDDD on #DD1111	2.98:1	—
Aa #DD1111 on #66DD00	2.86:1	—

CSS variables

:root {
  --color-1: #11dddd; /* Fish Boy */
  --color-2: #7711dd; /* Voluptuous Violet */
  --color-3: #dd1111; /* Stoplight */
  --color-4: #66dd00; /* Radioactive Lilypad */
  --color-5: #66eeee; /* Poseidon Jr. */
}

Other schemes from Fish Boy

More Medium Teal tetradic palettes

Questions

What colors go with Fish Boy?

In a tetradic scheme: Voluptuous Violet (#7711DD), Stoplight (#DD1111), Radioactive Lilypad (#66DD00), Poseidon Jr. (#66EEEE).

What is the hex code of Fish Boy?

#11DDDD.