olive
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/entity/808000/" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/color/808000/Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/color/808000/)Use the native HTML custom element.
#808000
CSS color
Overview
Olive is yellow taken to half brightness, rgb(128, 128, 0) at hex #808000, where the red and green channels are held equal at 128 and blue is absent. This yields a dark, earthy yellow-green at 60 degrees on the hue wheel — the muted counterpart of the yellow keyword within the sixteen basic HTML colors. Its low value and warm cast give olive a subdued, natural quality distinct from the brightness of pure yellow. The color is a practical background and accent where a softer, less saturated warm tone is wanted, and it contrasts cleanly with light neutrals and pale text.
Olive (#808000) is the classic CSS olive — an equal mix of CSS red and green, producing a dark, muted yellow-green with a distinctly earthy, military quality. Named after the color of unripe olive fruit, this dark yellowish-green has been associated with military camouflage and clothing for over a century. In contemporary design, olive is a sophisticated neutral warmth that pairs with rust, cream, and terracotta.
On this page
Valores de cor
#808000
128, 128, 0
60,0, 100,0%, 25,1%
60,0, 100,0%, 50,2%
0,0%, 0,0%, 100,0%, 49,8%
0,5807 0,1266 109,8
Propriedades
Psicologia das cores
Dark yellows and golds convey prestige, wisdom, and enduring value. Gold has represented wealth and achievement throughout human history, from pharaonic tombs to Olympic medals. These warm, deep tones suggest quality without the flashiness of brighter yellows.
Design Usage
Dark gold and amber tones suit financial services, premium memberships, and achievement badges. They work as accent text or icon colors against dark backgrounds for a luxurious feel. Pair them with charcoal, deep navy, or rich brown to create sophisticated, high-end interfaces.
Harmonias de cores
Simulação de daltonismo
Uso de CSS
background-color: #808000;
color: #808000;
border-color: #808000;
Lime 700
#4D7C0F
Tons Tailwind
Verificador de contraste
Texto sobre branco
4,2:1
Texto sobre preto
5,01:1
Comparar com
Parte destas coleções
Artigos relacionados
Perguntas frequentes
What are the RGB, HSL, and CMYK values of #808000?
RGB(128, 128, 0) · HSL(60,0, 100,0%, 25,1%) · CMYK(0,0%, 0,0%, 100,0%, 49,8%)
Does #808000 meet WCAG contrast on white?
4,2:1 — WCAG AA Reprovado, AAA Reprovado for normal text.
What text color is readable on #808000?
Use 000000 text on a #808000 background; contrast on black is 5,01:1.