グリーンオリーブをイメージした、黄色と茶色をベースにしたくすんだ緑です。ミリタリーウェアやジャケット、アースカラーのインテリアの定番です。
別名：オリーブ, オリーブ色
オリーブグリーン（#808000）は、暖色系・暗め・鮮やかの色です。緑系の色のグループに属します。RGBの値は赤128・緑128・青0（各255段階）。主な用途：ファッション, インテリア, ユニフォーム。
明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。
色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。
カラーコードをコピーするか、エディターで開いて自由に調整できます。
WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。
:root {
--olive-green: #808000;
--olive-green-rgb: 128, 128, 0;
}
.bg { background-color: var(--olive-green); }
.text { color: var(--olive-green); }オリーブグリーンのHEXコードは#808000です。RGBではrgb(128, 128, 0)、HSLではhsl(60, 100%, 25%)、CMYKでは0, 0, 100, 50となります。
色相環で反対側にある補色は#000080で、ネイビーに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。
黒い文字のほうがおすすめです。白とのコントラスト比は4.2:1しかありませんが、黒とは5.0:1になります。
相性のよい色：マスタード, テラコッタ, ベージュ, オフホワイト, キャメル。ネオングリーンやライムグリーンを隣に置くのは避けましょう。色同士が競い合い、オリーブがくすんで汚れて見えます。黒の使いすぎも全体を重く沈ませるので注意してください。