Cruising Monochromatic Color Scheme

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

#0E191C

#004444

#018498

#00CCEE

#22EEFF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Black Stallion	`#0E191C`	14, 25, 28	193°, 33%, 8%	50, 11, 0, 89
Dark Side	`#004444`	0, 68, 68	180°, 100%, 13%	100, 0, 0, 73
Cruising	`#018498`	1, 132, 152	188°, 99%, 30%	99, 13, 0, 40
Picnic Day Sky	`#00CCEE`	0, 204, 238	189°, 100%, 47%	100, 14, 0, 7
Sparky Blue	`#22EEFF`	34, 238, 255	185°, 100%, 57%	87, 7, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #0E191C on #22EEFF	12.55:1	AAA
Aa #0E191C on #00CCEE	9.26:1	AAA
Aa #004444 on #22EEFF	7.72:1	AAA
Aa #004444 on #00CCEE	5.69:1	AA
Aa #0E191C on #018498	4.05:1	AA large
Aa #018498 on #22EEFF	3.10:1	AA large

CSS variables

:root {
  --color-1: #0e191c; /* Black Stallion */
  --color-2: #004444; /* Dark Side */
  --color-3: #018498; /* Cruising */
  --color-4: #00ccee; /* Picnic Day Sky */
  --color-5: #22eeff; /* Sparky Blue */
}

Other schemes from Cruising

More Dark Teal monochromatic palettes

Questions

What colors go with Cruising?

In a monochromatic scheme: Black Stallion (#0E191C), Dark Side (#004444), Picnic Day Sky (#00CCEE), Sparky Blue (#22EEFF).

What is the hex code of Cruising?

#018498.