Blue Whale Complementary Color Scheme

Five colors arranged by the complementary rule around Blue Whale (#1E3442), each snapped to its nearest named color.

#1E3442

#386782

#452C1F

#130D07

#8E593C

Color names and codes

Name	HEX	RGB	HSL	CMYK
Blue Whale	`#1E3442`	30, 52, 66	203°, 38%, 19%	55, 21, 0, 74
Naval Passage	`#386782`	56, 103, 130	202°, 40%, 36%	57, 21, 0, 49
Subterranean	`#452C1F`	69, 44, 31	21°, 38%, 20%	0, 36, 55, 73
Balsamico	`#130D07`	19, 13, 7	30°, 46%, 5%	0, 32, 63, 93
Rope	`#8E593C`	142, 89, 60	21°, 41%, 40%	0, 37, 58, 44

Which pairs work for text

Text on background	Contrast	WCAG
Aa #130D07 on #8E593C	3.35:1	AA large
Aa #386782 on #130D07	3.15:1	AA large
Aa #1E3442 on #8E593C	2.24:1	—
Aa #452C1F on #8E593C	2.23:1	—
Aa #1E3442 on #386782	2.11:1	—
Aa #386782 on #452C1F	2.10:1	—

CSS variables

:root {
  --color-1: #1e3442; /* Blue Whale */
  --color-2: #386782; /* Naval Passage */
  --color-3: #452c1f; /* Subterranean */
  --color-4: #130d07; /* Balsamico */
  --color-5: #8e593c; /* Rope */
}

Other schemes from Blue Whale

More Very Dark Blue complementary palettes

Questions

What colors go with Blue Whale?

In a complementary scheme: Naval Passage (#386782), Subterranean (#452C1F), Balsamico (#130D07), Rope (#8E593C).

What is the hex code of Blue Whale?

#1E3442.