Abyssal Waters Complementary Color Scheme

Five colors arranged by the complementary rule around Abyssal Waters (#005765), each snapped to its nearest named color.

#005765

#00AAC1

#661100

#1D0200

#CC1100

Color names and codes

Name	HEX	RGB	HSL	CMYK
Abyssal Waters	`#005765`	0, 87, 101	188°, 100%, 20%	100, 14, 0, 60
Sarah’s Garden	`#00AAC1`	0, 170, 193	187°, 100%, 38%	100, 12, 0, 24
Cowpeas	`#661100`	102, 17, 0	10°, 100%, 20%	0, 83, 100, 60
Dwarf Fortress	`#1D0200`	29, 2, 0	4°, 100%, 6%	0, 93, 100, 89
Vampire State Building	`#CC1100`	204, 17, 0	5°, 100%, 40%	0, 92, 100, 20

Which pairs work for text

Text on background	Contrast	WCAG
Aa #00AAC1 on #1D0200	7.09:1	AAA
Aa #00AAC1 on #661100	4.57:1	AA
Aa #1D0200 on #CC1100	3.44:1	AA large
Aa #005765 on #00AAC1	2.95:1	—
Aa #005765 on #1D0200	2.40:1	—
Aa #661100 on #CC1100	2.22:1	—

CSS variables

:root {
  --color-1: #005765; /* Abyssal Waters */
  --color-2: #00aac1; /* Sarah’s Garden */
  --color-3: #661100; /* Cowpeas */
  --color-4: #1d0200; /* Dwarf Fortress */
  --color-5: #cc1100; /* Vampire State Building */
}

Other schemes from Abyssal Waters

More Very Dark Teal complementary palettes

Questions

What colors go with Abyssal Waters?

In a complementary scheme: Sarah’s Garden (#00AAC1), Cowpeas (#661100), Dwarf Fortress (#1D0200), Vampire State Building (#CC1100).

What is the hex code of Abyssal Waters?

#005765.