BioShock Triadic Color Scheme

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

#889900

#008997

#990088

#E3FF00

#00494E

Color names and codes

Name	HEX	RGB	HSL	CMYK
BioShock	`#889900`	136, 153, 0	67°, 100%, 30%	11, 0, 100, 40
Atlantic Blue	`#008997`	0, 137, 151	186°, 100%, 30%	100, 9, 0, 41
Vanishing Night	`#990088`	153, 0, 136	307°, 100%, 30%	0, 100, 11, 40
Lime Jelly	`#E3FF00`	227, 255, 0	67°, 100%, 50%	11, 0, 100, 0
Sherpa Blue	`#00494E`	0, 73, 78	184°, 100%, 15%	100, 6, 0, 69

Which pairs work for text

Text on background	Contrast	WCAG
Aa #E3FF00 on #00494E	9.00:1	AAA
Aa #990088 on #E3FF00	6.85:1	AA
Aa #008997 on #E3FF00	3.70:1	AA large
Aa #889900 on #00494E	3.20:1	AA large
Aa #889900 on #E3FF00	2.81:1	—
Aa #889900 on #990088	2.44:1	—

CSS variables

:root {
  --color-1: #889900; /* BioShock */
  --color-2: #008997; /* Atlantic Blue */
  --color-3: #990088; /* Vanishing Night */
  --color-4: #e3ff00; /* Lime Jelly */
  --color-5: #00494e; /* Sherpa Blue */
}

Other schemes from BioShock

More Dark Yellow triadic palettes

Questions

What colors go with BioShock?

In a triadic scheme: Atlantic Blue (#008997), Vanishing Night (#990088), Lime Jelly (#E3FF00), Sherpa Blue (#00494E).

What is the hex code of BioShock?

#889900.