Blue Ocean Triadic Color Scheme

Five colors arranged by the triadic rule around Blue Ocean (#009DC4), each snapped to its nearest named color.

#009DC4

#CC0088

#9DC100

#22DDFF

#730061

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Blue Ocean	`#009DC4`	0, 157, 196	192°, 100%, 38%	100, 20, 0, 23	64.6% 0.121 224
Snappy Violet	`#CC0088`	204, 0, 136	320°, 100%, 40%	0, 100, 33, 20	55.8% 0.233 349
Snot Green	`#9DC100`	157, 193, 0	71°, 100%, 38%	19, 0, 100, 24	75.7% 0.184 122
Vaporwave Blue	`#22DDFF`	34, 221, 255	189°, 100%, 57%	87, 13, 0, 0	82.7% 0.141 215
Liche Purple	`#730061`	115, 0, 97	309°, 100%, 23%	0, 100, 16, 55	37.8% 0.167 337

Which pairs work for text

Text on background	Contrast	WCAG
Aa #22DDFF on #730061	6.76:1	AA
Aa #9DC100 on #730061	5.29:1	AA
Aa #009DC4 on #730061	3.48:1	AA large
Aa #CC0088 on #22DDFF	3.28:1	AA large
Aa #CC0088 on #9DC100	2.56:1	—
Aa #CC0088 on #730061	2.06:1	—

CSS variables

:root {
  --color-1: #009dc4; /* Blue Ocean */
  --color-2: #cc0088; /* Snappy Violet */
  --color-3: #9dc100; /* Snot Green */
  --color-4: #22ddff; /* Vaporwave Blue */
  --color-5: #730061; /* Liche Purple */
}

Other schemes from Blue Ocean

More dark teal triadic color schemes

Questions

What colors go with Blue Ocean?

In a triadic scheme: Snappy Violet (#CC0088), Snot Green (#9DC100), Vaporwave Blue (#22DDFF), Liche Purple (#730061).

What is the hex code of Blue Ocean?

#009DC4.