Blue Moon Complementary Color Scheme

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

#3992A8

#70B8D0

#A94E37

#6E3326

#D38977

Color names and codes

Name	HEX	RGB	HSL	CMYK
Blue Moon	`#3992A8`	57, 146, 168	192°, 49%, 44%	66, 13, 0, 34
Blue Brocade	`#70B8D0`	112, 184, 208	195°, 51%, 63%	46, 12, 0, 18
Sun’s Rage	`#A94E37`	169, 78, 55	12°, 51%, 44%	0, 54, 67, 34
Pueblo	`#6E3326`	110, 51, 38	11°, 49%, 29%	0, 54, 65, 57
Zanci	`#D38977`	211, 137, 119	12°, 51%, 65%	0, 35, 44, 17

Which pairs work for text

Text on background	Contrast	WCAG
Aa #70B8D0 on #6E3326	4.37:1	AA large
Aa #6E3326 on #D38977	3.52:1	AA large
Aa #3992A8 on #6E3326	2.70:1	—
Aa #70B8D0 on #A94E37	2.47:1	—
Aa #A94E37 on #D38977	1.99:1	—
Aa #A94E37 on #6E3326	1.77:1	—

CSS variables

:root {
  --color-1: #3992a8; /* Blue Moon */
  --color-2: #70b8d0; /* Blue Brocade */
  --color-3: #a94e37; /* Sun’s Rage */
  --color-4: #6e3326; /* Pueblo */
  --color-5: #d38977; /* Zanci */
}

Other schemes from Blue Moon

More Medium Teal complementary palettes

Questions

What colors go with Blue Moon?

In a complementary scheme: Blue Brocade (#70B8D0), Sun’s Rage (#A94E37), Pueblo (#6E3326), Zanci (#D38977).

What is the hex code of Blue Moon?

#3992A8.