Olive (CSS) Monochromatic Color Scheme

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

#1F180A

#333300

#808000

#CCCC00

#FFFF14

Color names and codes

Name	HEX	RGB	HSL	CMYK	OKLCH
Noir Mystique	`#1F180A`	31, 24, 10	40°, 51%, 8%	0, 23, 68, 88	21.3% 0.027 84
Wasabi Nori	`#333300`	51, 51, 0	60°, 100%, 10%	0, 0, 100, 80	31.1% 0.068 110
Olive (CSS)	`#808000`	128, 128, 0	60°, 100%, 25%	0, 0, 100, 50	58.1% 0.127 110
Golden Foil	`#CCCC00`	204, 204, 0	60°, 100%, 40%	0, 0, 100, 20	81.8% 0.178 110
Yellow Submarine	`#FFFF14`	255, 255, 20	60°, 100%, 54%	0, 0, 92, 0	96.8% 0.209 110

Which pairs work for text

Text on background	Contrast	WCAG
Aa #1F180A on #FFFF14	16.40:1	AAA
Aa #333300 on #FFFF14	12.12:1	AAA
Aa #1F180A on #CCCC00	10.23:1	AAA
Aa #333300 on #CCCC00	7.56:1	AAA
Aa #1F180A on #808000	4.19:1	AA large
Aa #808000 on #FFFF14	3.91:1	AA large

CSS variables

:root {
  --color-1: #1f180a; /* Noir Mystique */
  --color-2: #333300; /* Wasabi Nori */
  --color-3: #808000; /* Olive (CSS) */
  --color-4: #cccc00; /* Golden Foil */
  --color-5: #ffff14; /* Yellow Submarine */
}

Other schemes from Olive (CSS)

More dark yellow monochromatic color schemes

Questions

What colors go with Olive (CSS)?

In a monochromatic scheme: Noir Mystique (#1F180A), Wasabi Nori (#333300), Golden Foil (#CCCC00), Yellow Submarine (#FFFF14).

What is the hex code of Olive (CSS)?

#808000.