Blue Moon Monochromatic Color Scheme

Five colors arranged by the monochromatic rule around Blue Moon (#3992A8), each snapped to its nearest named color.

#133337

#22606E

#3992A8

#67B7C6

#99D3DF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Elite Teal	`#133337`	19, 51, 55	187°, 49%, 15%	65, 7, 0, 78
Excellence	`#22606E`	34, 96, 110	191°, 53%, 28%	69, 13, 0, 57
Blue Moon	`#3992A8`	57, 146, 168	192°, 49%, 44%	66, 13, 0, 34
Blouson Blue	`#67B7C6`	103, 183, 198	189°, 45%, 59%	48, 8, 0, 22
Tourmaline Water Blue	`#99D3DF`	153, 211, 223	190°, 52%, 74%	31, 5, 0, 13

Which pairs work for text

Text on background	Contrast	WCAG
Aa #133337 on #99D3DF	8.18:1	AAA
Aa #133337 on #67B7C6	5.89:1	AA
Aa #22606E on #99D3DF	4.29:1	AA large
Aa #133337 on #3992A8	3.76:1	AA large
Aa #22606E on #67B7C6	3.09:1	AA large
Aa #3992A8 on #99D3DF	2.18:1	—

CSS variables

:root {
  --color-1: #133337; /* Elite Teal */
  --color-2: #22606e; /* Excellence */
  --color-3: #3992a8; /* Blue Moon */
  --color-4: #67b7c6; /* Blouson Blue */
  --color-5: #99d3df; /* Tourmaline Water Blue */
}

Other schemes from Blue Moon

More Medium Teal monochromatic palettes

Questions

What colors go with Blue Moon?

In a monochromatic scheme: Elite Teal (#133337), Excellence (#22606E), Blouson Blue (#67B7C6), Tourmaline Water Blue (#99D3DF).

What is the hex code of Blue Moon?

#3992A8.