Cruising Triadic Color Scheme

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

#018498

#990088

#889900

#04D9FF

#440044

Color names and codes

Name	HEX	RGB	HSL	CMYK
Cruising	`#018498`	1, 132, 152	188°, 99%, 30%	99, 13, 0, 40
Vanishing Night	`#990088`	153, 0, 136	307°, 100%, 30%	0, 100, 11, 40
BioShock	`#889900`	136, 153, 0	67°, 100%, 30%	11, 0, 100, 40
Neon Blue	`#04D9FF`	4, 217, 255	189°, 100%, 51%	98, 15, 0, 0
Jacarta	`#440044`	68, 0, 68	300°, 100%, 13%	0, 100, 0, 73

Which pairs work for text

Text on background	Contrast	WCAG
Aa #04D9FF on #440044	9.31:1	AAA
Aa #889900 on #440044	4.97:1	AA
Aa #990088 on #04D9FF	4.57:1	AA
Aa #018498 on #440044	3.58:1	AA large
Aa #018498 on #04D9FF	2.60:1	—
Aa #990088 on #889900	2.44:1	—

CSS variables

:root {
  --color-1: #018498; /* Cruising */
  --color-2: #990088; /* Vanishing Night */
  --color-3: #889900; /* BioShock */
  --color-4: #04d9ff; /* Neon Blue */
  --color-5: #440044; /* Jacarta */
}

Other schemes from Cruising

More Dark Teal triadic palettes

Questions

What colors go with Cruising?

In a triadic scheme: Vanishing Night (#990088), BioShock (#889900), Neon Blue (#04D9FF), Jacarta (#440044).

What is the hex code of Cruising?

#018498.