Deep Lagoon Complementary Color Scheme

Five colors arranged by the complementary rule around Deep Lagoon (#005A6F), each snapped to its nearest named color.

#005A6F

#01A2C6

#711A00

#220000

#DD2200

Color names and codes

Name	HEX	RGB	HSL	CMYK
Deep Lagoon	`#005A6F`	0, 90, 111	191°, 100%, 22%	100, 19, 0, 56
Resonant Blue	`#01A2C6`	1, 162, 198	191°, 99%, 39%	99, 18, 0, 22
Cedar Wood Finish	`#711A00`	113, 26, 0	14°, 100%, 22%	0, 77, 100, 56
Ponzu Brown	`#220000`	34, 0, 0	0°, 100%, 7%	0, 100, 100, 87
Ares Red	`#DD2200`	221, 34, 0	9°, 100%, 43%	0, 85, 100, 13

Which pairs work for text

Text on background	Contrast	WCAG
Aa #01A2C6 on #220000	6.54:1	AA
Aa #220000 on #DD2200	4.03:1	AA large
Aa #01A2C6 on #711A00	3.78:1	AA large
Aa #005A6F on #01A2C6	2.59:1	—
Aa #005A6F on #220000	2.52:1	—
Aa #711A00 on #DD2200	2.33:1	—

CSS variables

:root {
  --color-1: #005a6f; /* Deep Lagoon */
  --color-2: #01a2c6; /* Resonant Blue */
  --color-3: #711a00; /* Cedar Wood Finish */
  --color-4: #220000; /* Ponzu Brown */
  --color-5: #dd2200; /* Ares Red */
}

Other schemes from Deep Lagoon

More Dark Teal complementary palettes

Questions

What colors go with Deep Lagoon?

In a complementary scheme: Resonant Blue (#01A2C6), Cedar Wood Finish (#711A00), Ponzu Brown (#220000), Ares Red (#DD2200).

What is the hex code of Deep Lagoon?

#005A6F.