Blue Ocean Complementary Color Scheme

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

#009DC4

#22DDFF

#CC2200

#711A00

#FF5630

Color names and codes

Name	HEX	RGB	HSL	CMYK
Blue Ocean	`#009DC4`	0, 157, 196	192°, 100%, 38%	100, 20, 0, 23
Vaporwave Blue	`#22DDFF`	34, 221, 255	189°, 100%, 57%	87, 13, 0, 0
Piment Piquant	`#CC2200`	204, 34, 0	10°, 100%, 40%	0, 83, 100, 20
Cedar Wood Finish	`#711A00`	113, 26, 0	14°, 100%, 22%	0, 77, 100, 56
Poppy Surprise	`#FF5630`	255, 86, 48	11°, 100%, 59%	0, 66, 81, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #22DDFF on #711A00	6.95:1	AA
Aa #711A00 on #FF5630	3.58:1	AA large
Aa #009DC4 on #711A00	3.58:1	AA large
Aa #22DDFF on #CC2200	3.39:1	AA large
Aa #CC2200 on #711A00	2.05:1	—
Aa #009DC4 on #22DDFF	1.94:1	—

CSS variables

:root {
  --color-1: #009dc4; /* Blue Ocean */
  --color-2: #22ddff; /* Vaporwave Blue */
  --color-3: #cc2200; /* Piment Piquant */
  --color-4: #711a00; /* Cedar Wood Finish */
  --color-5: #ff5630; /* Poppy Surprise */
}

Other schemes from Blue Ocean

More Dark Teal complementary palettes

Questions

What colors go with Blue Ocean?

In a complementary scheme: Vaporwave Blue (#22DDFF), Piment Piquant (#CC2200), Cedar Wood Finish (#711A00), Poppy Surprise (#FF5630).

What is the hex code of Blue Ocean?

#009DC4.