Fish Boy Complementary Color Scheme

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

#11DDDD

#56F7F3

#DD1111

#990C0D

#F36363

Color names and codes

Name	HEX	RGB	HSL	CMYK
Fish Boy	`#11DDDD`	17, 221, 221	180°, 86%, 47%	92, 0, 0, 13
Paraiba	`#56F7F3`	86, 247, 243	179°, 91%, 65%	65, 0, 2, 3
Stoplight	`#DD1111`	221, 17, 17	0°, 86%, 47%	0, 92, 92, 13
Noble Cause	`#990C0D`	153, 12, 13	360°, 85%, 32%	0, 92, 92, 40
Firecracker Salmon	`#F36363`	243, 99, 99	0°, 86%, 67%	0, 59, 59, 5

Which pairs work for text

Text on background	Contrast	WCAG
Aa #56F7F3 on #990C0D	6.63:1	AA
Aa #11DDDD on #990C0D	5.14:1	AA
Aa #56F7F3 on #DD1111	3.84:1	AA large
Aa #11DDDD on #DD1111	2.98:1	—
Aa #990C0D on #F36363	2.81:1	—
Aa #56F7F3 on #F36363	2.36:1	—

CSS variables

:root {
  --color-1: #11dddd; /* Fish Boy */
  --color-2: #56f7f3; /* Paraiba */
  --color-3: #dd1111; /* Stoplight */
  --color-4: #990c0d; /* Noble Cause */
  --color-5: #f36363; /* Firecracker Salmon */
}

Other schemes from Fish Boy

More Medium Teal complementary palettes

Questions

What colors go with Fish Boy?

In a complementary scheme: Paraiba (#56F7F3), Stoplight (#DD1111), Noble Cause (#990C0D), Firecracker Salmon (#F36363).

What is the hex code of Fish Boy?

#11DDDD.