#778899
LightSlateGray — カラーコードとパレット
#778899 · rgb(119, 136, 153) · hsl(210, 14%, 53%)
カラーコード
| 形式 | 値 | |
|---|---|---|
| HEX | #778899 | |
| RGB | rgb(119, 136, 153) | |
| HSL | hsl(210, 14%, 53%) |
LightSlateGrayのシェード（暗色系）
| #697A8C | #5E6E7D | #53616E | #485460 | #3D4751 | #323B43 | #272E34 | #1D2126 |
LightSlateGrayのティント（淡色系）
| #8594A3 | #93A1AE | #A2ADB9 | #B1BAC4 | #BFC7CF | #CED4DA | #DCE0E5 | #EBEDF0 |
カラーペアリングとハーモニー
|
補色
#988776
|
類似色 +30°
#767698
|
類似色 −30°
#769898
|
トライアド +120°
#987687
|
トライアド −120°
#879876
|
コントラストとアクセシビリティ（WCAG 2.1）
白（#FFFFFF）との対比
3.64:1 — 大きいテキストのみAAパス
黒（#000000）との対比
5.77:1 — 通常テキストでAAパス
CSSスニペット
.element {
color: #778899;
}
.element-bg {
background-color: #778899;
color: #000000;
}
.element-border {
border: 2px solid #778899;
}
LightSlateGrayについて
LightSlateGrayはhsl(210, 14%, 53%)（色相210°、彩度14%、明度53%）で定義される中間の明度のの非常に低い彩度（ほぼ無彩色）カラーで、HEXコードは#778899です。正確なカラーモデル値はRGBでrgb(119, 136, 153)、HSLでhsl(210, 14%, 53%)です。白背景でのコントラスト比は3.64:1 — 大きいテキストのみAAパス、黒背景では5.77:1 — 通常テキストでAAパスです。LightSlateGrayはUI要素・背景・テキスト・ボーダー・装飾アクセントなど多用途に活用できます。下のシェードセクションでは徐々に暗くなるバリエーションを、ティントストリップでは徐々に明るくなるバリエーションを確認でき、トーンパレットの構築に役立ちます。ハーモニースウォッチはHSL色相環に基づく補色・類似色・トライアドを提供します。
色をインタラクティブに確認したい、パレットを生成したい、カラー形式を変換したいですか？DevArborのカラーピッカーをご活用ください。
カラーピッカーを開く →よくある質問
LightSlateGrayのRGB値は何ですか？
LightSlateGray（#778899）のRGB値は rgb(119, 136, 153) です。Red・Green・Blueそれぞれの光の量を0〜255のスケールで表しています。
LightSlateGrayは白背景でアクセシブルですか？
LightSlateGrayと白（#FFFFFF）のコントラスト比は 3.64:1 — 大きいテキストのみAAパス です。黒（#000000）との比は 5.77:1 — 通常テキストでAAパス です。WCAG 2.1ではAA（通常テキスト）に4.5:1、AAAに7:1以上が必要とされています。
LightSlateGrayに合う色は何ですか？
カラー理論に基づくと、LightSlateGray（hsl(210, 14%, 53%)）は補色・類似色・トライアドと相性がよいです。各ペアリングタイプの正確なHEX値は上のハーモニースウォッチを参照してください。