Blue Ocean Monochromatic Color Scheme

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

#032425

#04627A

#009DC4

#04CDFF

#55DDFF

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Teal Spill	`#032425`	3, 36, 37	182°, 85%, 8%	92, 3, 0, 85	23.8% 0.037 198
Jamaican Dream	`#04627A`	4, 98, 122	192°, 94%, 25%	97, 20, 0, 52	46.1% 0.084 223
Blue Ocean	`#009DC4`	0, 157, 196	192°, 100%, 38%	100, 20, 0, 23	64.6% 0.121 224
Tropical Turquoise	`#04CDFF`	4, 205, 255	192°, 100%, 51%	98, 20, 0, 0	78.8% 0.147 224
Ionized-Air Glow	`#55DDFF`	85, 221, 255	192°, 100%, 67%	67, 13, 0, 0	83.7% 0.125 218

Which pairs work for text

Text on background	Contrast	WCAG
Aa #032425 on #55DDFF	10.27:1	AAA
Aa #032425 on #04CDFF	8.72:1	AAA
Aa #032425 on #009DC4	5.16:1	AA
Aa #04627A on #55DDFF	4.34:1	AA large
Aa #04627A on #04CDFF	3.69:1	AA large
Aa #032425 on #04627A	2.36:1	—

CSS variables

:root {
  --color-1: #032425; /* Teal Spill */
  --color-2: #04627a; /* Jamaican Dream */
  --color-3: #009dc4; /* Blue Ocean */
  --color-4: #04cdff; /* Tropical Turquoise */
  --color-5: #55ddff; /* Ionized-Air Glow */
}

Other schemes from Blue Ocean

More dark teal monochromatic color schemes

Questions

What colors go with Blue Ocean?

In a monochromatic scheme: Teal Spill (#032425), Jamaican Dream (#04627A), Tropical Turquoise (#04CDFF), Ionized-Air Glow (#55DDFF).

What is the hex code of Blue Ocean?

#009DC4.