Olive (CSS) Complementary Color Scheme

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

#808000

#DDDD00

#000080

#000033

#0203E2

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Olive (CSS)	`#808000`	128, 128, 0	60°, 100%, 25%	0, 0, 100, 50	58.1% 0.127 110
Golden Gun	`#DDDD00`	221, 221, 0	60°, 100%, 43%	0, 0, 100, 13	86.9% 0.189 110
Navy Blue	`#000080`	0, 0, 128	240°, 100%, 25%	100, 100, 0, 50	27.1% 0.188 264
Abyssopelagic Water	`#000033`	0, 0, 51	240°, 100%, 10%	100, 100, 0, 80	14.5% 0.101 264
Pure Blue	`#0203E2`	2, 3, 226	240°, 98%, 45%	99, 99, 0, 11	41.4% 0.285 264

Which pairs work for text

Text on background	Contrast	WCAG
Aa #DDDD00 on #000033	13.76:1	AAA
Aa #DDDD00 on #000080	10.99:1	AAA
Aa #DDDD00 on #0203E2	6.82:1	AA
Aa #808000 on #000033	4.78:1	AA
Aa #808000 on #000080	3.82:1	AA large
Aa #808000 on #DDDD00	2.88:1	—

CSS variables

:root {
  --color-1: #808000; /* Olive (CSS) */
  --color-2: #dddd00; /* Golden Gun */
  --color-3: #000080; /* Navy Blue */
  --color-4: #000033; /* Abyssopelagic Water */
  --color-5: #0203e2; /* Pure Blue */
}

Other schemes from Olive (CSS)

More dark yellow complementary color schemes

Questions

What colors go with Olive (CSS)?

In a complementary scheme: Golden Gun (#DDDD00), Navy Blue (#000080), Abyssopelagic Water (#000033), Pure Blue (#0203E2).

What is the hex code of Olive (CSS)?

#808000.