Cruising Tetradic Color Scheme

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

#018498

#660099

#991100

#339900

#04D9FF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Cruising	`#018498`	1, 132, 152	188°, 99%, 30%	99, 13, 0, 40
Indigo Purple	`#660099`	102, 0, 153	280°, 100%, 30%	33, 100, 0, 40
Dramatical Red	`#991100`	153, 17, 0	7°, 100%, 30%	0, 89, 100, 40
Planter	`#339900`	51, 153, 0	100°, 100%, 30%	67, 0, 100, 40
Neon Blue	`#04D9FF`	4, 217, 255	189°, 100%, 51%	98, 15, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #660099 on #04D9FF	6.11:1	AA
Aa #991100 on #04D9FF	5.08:1	AA
Aa #660099 on #339900	2.81:1	—
Aa #018498 on #04D9FF	2.60:1	—
Aa #018498 on #660099	2.35:1	—
Aa #991100 on #339900	2.34:1	—

CSS variables

:root {
  --color-1: #018498; /* Cruising */
  --color-2: #660099; /* Indigo Purple */
  --color-3: #991100; /* Dramatical Red */
  --color-4: #339900; /* Planter */
  --color-5: #04d9ff; /* Neon Blue */
}

Other schemes from Cruising

More Dark Teal tetradic palettes

Questions

What colors go with Cruising?

In a tetradic scheme: Indigo Purple (#660099), Dramatical Red (#991100), Planter (#339900), Neon Blue (#04D9FF).

What is the hex code of Cruising?

#018498.