カラーパレット

アーミーグリーン

軍服や軍用装備に使われる、暗くくすんだ緑です。風景に溶け込むことこそがこの色の目的でした。今ではモッズコートやリュック、カーゴパンツの定番カラーです。

別名:ミリタリーグリーン, 国防色

アーミーグリーン · #4B5320

アーミーグリーンの基本情報

アーミーグリーン(#4B5320)は、暖色系・暗め・中くらいの彩度の色です。緑系の色のグループに属します。RGBの値は赤75・緑83・青32(各255段階)。主な用途:ファッション, ユニフォーム, アウトドア。

アーミーグリーンの濃淡:明るいトーンと暗いトーン

明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。

アーミーグリーンに合う色

黒エッジの効いた都会的なスタイルに。白緑を明るくし、爽やかに見せます。ベージュやわらかなサファリ風のベースになります。キャメル緑に温かみと上品さを加えます。マスタードバランスのよい秋の差し色です。くすみピンク無骨さと繊細さの、やわらかなコントラストです。バーントオレンジ温かくモダンなコントラストです。デニムブルー究極のカジュアルベースです。
アーミーグリーンのファッション・インテリアでの合わせ方 →

アーミーグリーンの配色ハーモニー

色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。

補色近い色:プルシアンブルー
類似色近い色:タバコブラウン
トライアド近い色:ペトロールブルー, 茄子紺
スプリット・コンプリメンタリー近い色:プルシアンブルー, ウルトラバイオレット

アーミーグリーンを使ったカラーパレット

カラーコードをコピーするか、エディターで開いて自由に調整できます。

モノクロマティックパレット · アーミーグリーン
類似色パレット · アーミーグリーン
補色パレット · アーミーグリーン
トライアドパレット · アーミーグリーン
ニュートラルカラー入りパレット · アーミーグリーン
アクセントカラー入りパレット · アーミーグリーン

アーミーグリーンと文字色のコントラスト

白い文字コントラスト比 8.2:1 · AAA
黒い文字コントラスト比 2.6:1 · 非推奨

WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。

CSSコード

:root {
  --army-green: #4B5320;
  --army-green-rgb: 75, 83, 32;
}
.bg { background-color: var(--army-green); }
.text { color: var(--army-green); }

アーミーグリーンに近い色

タバコブラウンコーヒーブラウントープモスグリーンセピアメキシコ国旗の緑ボトルグリーンダークグレーオックスフォードグレーカフェオレ

この色を使ったテーマ別パレット

その他の緑系の色

緑エメラルドグリーンライムグリーンオリーブグリーンミントグリーンモスグリーンフォレストグリーン翡翠色パイングリーンアップルグリーンセージグリーンボトルグリーンネオングリーンピスタチオグリーン草色シャルトリューズパステルグリーンダークグリーンライトグリーンメキシコ国旗の緑

よくある質問

アーミーグリーンのカラーコードは?

アーミーグリーンのHEXコードは#4B5320です。RGBではrgb(75, 83, 32)、HSLではhsl(69, 44%, 23%)、CMYKでは10, 0, 61, 67となります。

アーミーグリーンの補色は何色ですか?

色相環で反対側にある補色は#282053で、プルシアンブルーに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。

アーミーグリーンの上に白い文字を置いても読みやすいですか?

はい。白とのコントラスト比は8.2:1で、通常サイズの文字にも十分です(WCAG AA)。

アーミーグリーンに合う色は?

相性のよい色:黒, 白, ベージュ, キャメル, マスタード。鮮やかな緑やネオングリーンと合わせると、アーミーグリーンが汚れて見えるので避けましょう。柄物をたくさん組み合わせるのも、ごちゃついた印象になります。