Waikiki Tetradic Color Scheme

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

#218BA0

#7722AA

#A03623

#44AA33

#4BC7CF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Waikiki	`#218BA0`	33, 139, 160	190°, 66%, 38%	79, 13, 0, 37
Fuchsia Nebula	`#7722AA`	119, 34, 170	278°, 67%, 40%	30, 80, 0, 33
Brick	`#A03623`	160, 54, 35	9°, 64%, 38%	0, 66, 78, 37
Green Seduction	`#44AA33`	68, 170, 51	111°, 54%, 43%	60, 0, 70, 33
Sea Serpent	`#4BC7CF`	75, 199, 207	184°, 58%, 55%	64, 4, 0, 19

Which pairs work for text

Text on background	Contrast	WCAG
Aa #7722AA on #4BC7CF	4.00:1	AA large
Aa #A03623 on #4BC7CF	3.40:1	AA large
Aa #7722AA on #44AA33	2.72:1	—
Aa #A03623 on #44AA33	2.31:1	—
Aa #218BA0 on #7722AA	2.03:1	—
Aa #218BA0 on #4BC7CF	1.97:1	—

CSS variables

:root {
  --color-1: #218ba0; /* Waikiki */
  --color-2: #7722aa; /* Fuchsia Nebula */
  --color-3: #a03623; /* Brick */
  --color-4: #44aa33; /* Green Seduction */
  --color-5: #4bc7cf; /* Sea Serpent */
}

Other schemes from Waikiki

More Dark Teal tetradic palettes

Questions

What colors go with Waikiki?

In a tetradic scheme: Fuchsia Nebula (#7722AA), Brick (#A03623), Green Seduction (#44AA33), Sea Serpent (#4BC7CF).

What is the hex code of Waikiki?

#218BA0.