Olive (CSS)

Olive (CSS) is a very dark, saturated yellow color with the hex code #808000 (hue 60°, saturation 100%, lightness 25%). It is also the CSS named color olive.

#808000

	Name	HEX	RGB	HSL	CMYK	OKLCH
	Olive (CSS)	`#808000`	128, 128, 0	60°, 100%, 25%	0, 0, 100, 50	58.1% 0.127 110

Contrast with white text 4.20:1, with black text 5.01:1 — use black text on Olive (CSS).

olive is one of the 148 named colors in CSS, with exactly this value, so color: olive works in any browser without a hex code.

Huebook · Maintained by Iris Marlow (pen name) · automated checks · Data: color-name-list (MIT) for names; CSS Color Module Level 4 (W3C) for CSS named colors · Updated Oct 19, 2026 · How the checks work

Tints and shades

#FFFFCC

#FFFF80

#FFFF33

#E5E600

#999900

#4C4D00

Colors that go with Olive (CSS)

Six color schemes built on Olive (CSS) with classic harmony rules. The complementary scheme pairs it with Navy Blue (#000080), the color opposite it on the color wheel.

Nearest CSS named colors

Olive Drab (olivedrab): Olive Drab (#6B8E23) is lighter than Olive (CSS) (relative luminance 0.226 vs 0.200) and less saturated, with its hue 20° away.
Sea Green (seagreen): Sea Green (#2E8B57) is about as light as Olive (CSS) (relative luminance 0.197 vs 0.200) and less saturated, with its hue 86° away.
Dark Goldenrod (darkgoldenrod): Dark Goldenrod (#B8860B) is lighter than Olive (CSS) (relative luminance 0.273 vs 0.200) and less saturated, with its hue 17° away.
Forest Green (forestgreen): Forest Green (#228B22) is about as light as Olive (CSS) (relative luminance 0.189 vs 0.200) and less saturated, with its hue 60° away.

Similar dark yellow colors

Questions

What is the hex code for Olive (CSS)?

#808000 — RGB 128, 128, 0, HSL 60°, 100%, 25%.

Is Olive (CSS) a warm or cool color?

Warm — its hue sits at 60° on the color wheel.