Cruising Complementary Color Scheme

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

#018498

#00CCEE

#991100

#4A0A00

#FF2200

Color names and codes

Name	HEX	RGB	HSL	CMYK
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
Dramatical Red	`#991100`	153, 17, 0	7°, 100%, 30%	0, 89, 100, 40
Lonely Chocolate	`#4A0A00`	74, 10, 0	8°, 100%, 15%	0, 86, 100, 71
RedЯum	`#FF2200`	255, 34, 0	8°, 100%, 50%	0, 87, 100, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #00CCEE on #4A0A00	8.15:1	AAA
Aa #00CCEE on #991100	4.47:1	AA large
Aa #4A0A00 on #FF2200	4.11:1	AA large
Aa #018498 on #4A0A00	3.56:1	AA large
Aa #018498 on #00CCEE	2.29:1	—
Aa #991100 on #FF2200	2.25:1	—

CSS variables

:root {
  --color-1: #018498; /* Cruising */
  --color-2: #00ccee; /* Picnic Day Sky */
  --color-3: #991100; /* Dramatical Red */
  --color-4: #4a0a00; /* Lonely Chocolate */
  --color-5: #ff2200; /* RedЯum */
}

Other schemes from Cruising

More Dark Teal complementary palettes

Questions

What colors go with Cruising?

In a complementary scheme: Picnic Day Sky (#00CCEE), Dramatical Red (#991100), Lonely Chocolate (#4A0A00), RedЯum (#FF2200).

What is the hex code of Cruising?

#018498.