Laguna Complementary Color Scheme

Five colors arranged by the complementary rule around Laguna (#36A5C9), each snapped to its nearest named color.

#36A5C9

#7AC6D9

#CC5533

#8F3F2A

#DE9F85

Color names and codes

Name	HEX	RGB	HSL	CMYK
Laguna	`#36A5C9`	54, 165, 201	195°, 58%, 50%	73, 18, 0, 21
Water Flow	`#7AC6D9`	122, 198, 217	192°, 56%, 66%	44, 9, 0, 15
Bronze Satin	`#CC5533`	204, 85, 51	13°, 60%, 50%	0, 58, 75, 20
Fire	`#8F3F2A`	143, 63, 42	12°, 55%, 36%	0, 56, 71, 44
Southwest Stone	`#DE9F85`	222, 159, 133	18°, 57%, 70%	0, 28, 40, 13

Which pairs work for text

Text on background	Contrast	WCAG
Aa #7AC6D9 on #8F3F2A	3.75:1	AA large
Aa #8F3F2A on #DE9F85	3.23:1	AA large
Aa #36A5C9 on #8F3F2A	2.53:1	—
Aa #7AC6D9 on #CC5533	2.22:1	—
Aa #CC5533 on #DE9F85	1.91:1	—
Aa #CC5533 on #8F3F2A	1.69:1	—

CSS variables

:root {
  --color-1: #36a5c9; /* Laguna */
  --color-2: #7ac6d9; /* Water Flow */
  --color-3: #cc5533; /* Bronze Satin */
  --color-4: #8f3f2a; /* Fire */
  --color-5: #de9f85; /* Southwest Stone */
}

Other schemes from Laguna

More Medium Teal complementary palettes

Questions

What colors go with Laguna?

In a complementary scheme: Water Flow (#7AC6D9), Bronze Satin (#CC5533), Fire (#8F3F2A), Southwest Stone (#DE9F85).

What is the hex code of Laguna?

#36A5C9.