Navy Complementary Color Scheme

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

#000080

#0000DD

#808101

#333300

#E6E200

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Navy	`#000080`	0, 0, 128	240°, 100%, 25%	100, 100, 0, 50	27.1% 0.188 264
Bluealicious	`#0000DD`	0, 0, 221	240°, 100%, 43%	100, 100, 0, 13	40.6% 0.281 264
Drably Olive	`#808101`	128, 129, 1	60°, 98%, 25%	1, 0, 99, 49	58.3% 0.127 110
Wasabi Nori	`#333300`	51, 51, 0	60°, 100%, 10%	0, 0, 100, 80	31.1% 0.068 110
Peridot	`#E6E200`	230, 226, 0	59°, 100%, 45%	0, 2, 100, 10	88.7% 0.192 108

Which pairs work for text

Text on background	Contrast	WCAG
Aa #000080 on #E6E200	11.62:1	AAA
Aa #333300 on #E6E200	9.44:1	AAA
Aa #0000DD on #E6E200	7.46:1	AAA
Aa #000080 on #808101	3.86:1	AA large
Aa #808101 on #333300	3.13:1	AA large
Aa #808101 on #E6E200	3.01:1	AA large

CSS variables

:root {
  --color-1: #000080; /* Navy */
  --color-2: #0000dd; /* Bluealicious */
  --color-3: #808101; /* Drably Olive */
  --color-4: #333300; /* Wasabi Nori */
  --color-5: #e6e200; /* Peridot */
}

Other schemes from Navy

More dark blue complementary color schemes

Questions

What colors go with Navy?

In a complementary scheme: Bluealicious (#0000DD), Drably Olive (#808101), Wasabi Nori (#333300), Peridot (#E6E200).

What is the hex code of Navy?

#000080.