#556B2F
DarkOliveGreen — カラーコードとパレット
#556B2F · rgb(85, 107, 47) · hsl(82, 39%, 30%)
カラーコード
| 形式 | 値 | |
|---|---|---|
| HEX | #556B2F | |
| RGB | rgb(85, 107, 47) | |
| HSL | hsl(82, 39%, 30%) |
DarkOliveGreenのシェード（暗色系）
| #4C602A | #445525 | #3B4A21 | #33401C | #2A3517 | #222B13 | #19200E | #111509 |
DarkOliveGreenのティント（淡色系）
| #68833A | #7C9C44 | #8FB351 | #9FBE6A | #AFC983 | #BFD39C | #CFDEB5 | #DFE9CD |
カラーペアリングとハーモニー
|
補色
#452F6A
|
類似色 +30°
#376A2F
|
類似色 −30°
#6A622F
|
トライアド +120°
#2F546A
|
トライアド −120°
#6A2F54
|
コントラストとアクセシビリティ（WCAG 2.1）
白（#FFFFFF）との対比
5.95:1 — 通常テキストでAAパス
黒（#000000）との対比
3.53:1 — 大きいテキストのみAAパス
CSSスニペット
.element {
color: #556B2F;
}
.element-bg {
background-color: #556B2F;
color: #ffffff;
}
.element-border {
border: 2px solid #556B2F;
}
DarkOliveGreenについて
DarkOliveGreenはhsl(82, 39%, 30%)（色相82°、彩度39%、明度30%）で定義される暗いの中程度の彩度カラーで、HEXコードは#556B2Fです。正確なカラーモデル値はRGBでrgb(85, 107, 47)、HSLでhsl(82, 39%, 30%)です。白背景でのコントラスト比は5.95:1 — 通常テキストでAAパス、黒背景では3.53:1 — 大きいテキストのみAAパスです。DarkOliveGreenはUI要素・背景・テキスト・ボーダー・装飾アクセントなど多用途に活用できます。下のシェードセクションでは徐々に暗くなるバリエーションを、ティントストリップでは徐々に明るくなるバリエーションを確認でき、トーンパレットの構築に役立ちます。ハーモニースウォッチはHSL色相環に基づく補色・類似色・トライアドを提供します。
色をインタラクティブに確認したい、パレットを生成したい、カラー形式を変換したいですか？DevArborのカラーピッカーをご活用ください。
カラーピッカーを開く →よくある質問
DarkOliveGreenのRGB値は何ですか？
DarkOliveGreen（#556B2F）のRGB値は rgb(85, 107, 47) です。Red・Green・Blueそれぞれの光の量を0〜255のスケールで表しています。
DarkOliveGreenは白背景でアクセシブルですか？
DarkOliveGreenと白（#FFFFFF）のコントラスト比は 5.95:1 — 通常テキストでAAパス です。黒（#000000）との比は 3.53:1 — 大きいテキストのみAAパス です。WCAG 2.1ではAA（通常テキスト）に4.5:1、AAAに7:1以上が必要とされています。
DarkOliveGreenに合う色は何ですか？
カラー理論に基づくと、DarkOliveGreen（hsl(82, 39%, 30%)）は補色・類似色・トライアドと相性がよいです。各ペアリングタイプの正確なHEX値は上のハーモニースウォッチを参照してください。