Marine Complementary Color Scheme

Five colors arranged by the complementary rule around Marine (#042E60), each snapped to its nearest named color.

#042E60

#0055BB

#653700

#1C1208

#CA6B02

Color names and codes

Name	HEX	RGB	HSL	CMYK
Marine	`#042E60`	4, 46, 96	213°, 92%, 20%	96, 52, 0, 62
London Rain	`#0055BB`	0, 85, 187	213°, 100%, 37%	100, 55, 0, 27
Brown	`#653700`	101, 55, 0	33°, 100%, 20%	0, 46, 100, 60
Crowshead	`#1C1208`	28, 18, 8	30°, 56%, 7%	0, 36, 71, 89
Sludge	`#CA6B02`	202, 107, 2	32°, 98%, 40%	0, 47, 99, 21

Which pairs work for text

Text on background	Contrast	WCAG
Aa #1C1208 on #CA6B02	4.93:1	AA
Aa #042E60 on #CA6B02	3.59:1	AA large
Aa #653700 on #CA6B02	2.67:1	—
Aa #0055BB on #1C1208	2.65:1	—
Aa #042E60 on #0055BB	1.93:1	—
Aa #0055BB on #CA6B02	1.86:1	—

CSS variables

:root {
  --color-1: #042e60; /* Marine */
  --color-2: #0055bb; /* London Rain */
  --color-3: #653700; /* Brown */
  --color-4: #1c1208; /* Crowshead */
  --color-5: #ca6b02; /* Sludge */
}

Other schemes from Marine

More Very Dark Blue complementary palettes

Questions

What colors go with Marine?

In a complementary scheme: London Rain (#0055BB), Brown (#653700), Crowshead (#1C1208), Sludge (#CA6B02).

What is the hex code of Marine?

#042E60.