Oceanic Noir Complementary Color Scheme

Five colors arranged by the complementary rule around Oceanic Noir (#172B36), each snapped to its nearest named color.

#172B36

#355C74

#372418

#130D07

#7E4F35

Color names and codes

Name	HEX	RGB	HSL	CMYK
Oceanic Noir	`#172B36`	23, 43, 54	201°, 40%, 15%	57, 20, 0, 79
Shasta Lake	`#355C74`	53, 92, 116	203°, 37%, 33%	54, 21, 0, 55
Wetlands Swamp	`#372418`	55, 36, 24	23°, 39%, 15%	0, 35, 56, 78
Balsamico	`#130D07`	19, 13, 7	30°, 46%, 5%	0, 32, 63, 93
Chocolate Bonbon	`#7E4F35`	126, 79, 53	21°, 41%, 35%	0, 37, 58, 51

Which pairs work for text

Text on background	Contrast	WCAG
Aa #130D07 on #7E4F35	2.81:1	—
Aa #355C74 on #130D07	2.70:1	—
Aa #372418 on #7E4F35	2.14:1	—
Aa #172B36 on #7E4F35	2.13:1	—
Aa #355C74 on #372418	2.05:1	—
Aa #172B36 on #355C74	2.04:1	—

CSS variables

:root {
  --color-1: #172b36; /* Oceanic Noir */
  --color-2: #355c74; /* Shasta Lake */
  --color-3: #372418; /* Wetlands Swamp */
  --color-4: #130d07; /* Balsamico */
  --color-5: #7e4f35; /* Chocolate Bonbon */
}

Other schemes from Oceanic Noir

More Very Dark Blue complementary palettes

Questions

What colors go with Oceanic Noir?

In a complementary scheme: Shasta Lake (#355C74), Wetlands Swamp (#372418), Balsamico (#130D07), Chocolate Bonbon (#7E4F35).

What is the hex code of Oceanic Noir?

#172B36.