Olive (CSS) Triadic Color Scheme

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

#808000

#008080

#800080

#E6E200

#003333

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
Teal	`#008080`	0, 128, 128	180°, 100%, 25%	100, 0, 0, 50	54.3% 0.093 195
Purple	`#800080`	128, 0, 128	300°, 100%, 25%	0, 100, 0, 50	42.1% 0.193 328
Peridot	`#E6E200`	230, 226, 0	59°, 100%, 45%	0, 2, 100, 10	88.7% 0.192 108
Nora’s Forest	`#003333`	0, 51, 51	180°, 100%, 10%	100, 0, 0, 80	29.1% 0.050 195

Which pairs work for text

Text on background	Contrast	WCAG
Aa #E6E200 on #003333	10.02:1	AAA
Aa #800080 on #E6E200	6.84:1	AA
Aa #008080 on #E6E200	3.46:1	AA large
Aa #808000 on #003333	3.29:1	AA large
Aa #808000 on #E6E200	3.05:1	AA large
Aa #008080 on #003333	2.89:1	—

CSS variables

:root {
  --color-1: #808000; /* Olive (CSS) */
  --color-2: #008080; /* Teal */
  --color-3: #800080; /* Purple */
  --color-4: #e6e200; /* Peridot */
  --color-5: #003333; /* Nora’s Forest */
}

Other schemes from Olive (CSS)

More dark yellow triadic color schemes

Questions

What colors go with Olive (CSS)?

In a triadic scheme: Teal (#008080), Purple (#800080), Peridot (#E6E200), Nora’s Forest (#003333).

What is the hex code of Olive (CSS)?

#808000.