#7B68EE
MediumSlateBlue — カラーコードとパレット
#7B68EE · rgb(123, 104, 238) · hsl(249, 80%, 67%)
カラーコード
| 形式 | 値 | |
|---|---|---|
| HEX | #7B68EE | |
| RGB | rgb(123, 104, 238) | |
| HSL | hsl(249, 80%, 67%) |
MediumSlateBlueのシェード（暗色系）
| #6047EB | #4427E7 | #3417D3 | #2C14B3 | #241093 | #1C0D73 | #140953 | #0C0632 |
MediumSlateBlueのティント（淡色系）
| #8875F0 | #9483F1 | #A091F3 | #AB9FF4 | #B7ACF6 | #C3BAF7 | #CFC8F9 | #DBD6FA |
カラーペアリングとハーモニー
|
補色
#DAEE68
|
類似色 +30°
#BF68EE
|
類似色 −30°
#6897EE
|
トライアド +120°
#EE7C68
|
トライアド −120°
#68EE7C
|
コントラストとアクセシビリティ（WCAG 2.1）
白（#FFFFFF）との対比
4.15:1 — 大きいテキストのみAAパス
黒（#000000）との対比
5.06:1 — 通常テキストでAAパス
CSSスニペット
.element {
color: #7B68EE;
}
.element-bg {
background-color: #7B68EE;
color: #000000;
}
.element-border {
border: 2px solid #7B68EE;
}
MediumSlateBlueについて
MediumSlateBlueはhsl(249, 80%, 67%)（色相249°、彩度80%、明度67%）で定義される明るいの鮮やかで高彩度カラーで、HEXコードは#7B68EEです。正確なカラーモデル値はRGBでrgb(123, 104, 238)、HSLでhsl(249, 80%, 67%)です。白背景でのコントラスト比は4.15:1 — 大きいテキストのみAAパス、黒背景では5.06:1 — 通常テキストでAAパスです。MediumSlateBlueはUI要素・背景・テキスト・ボーダー・装飾アクセントなど多用途に活用できます。下のシェードセクションでは徐々に暗くなるバリエーションを、ティントストリップでは徐々に明るくなるバリエーションを確認でき、トーンパレットの構築に役立ちます。ハーモニースウォッチはHSL色相環に基づく補色・類似色・トライアドを提供します。
色をインタラクティブに確認したい、パレットを生成したい、カラー形式を変換したいですか？DevArborのカラーピッカーをご活用ください。
カラーピッカーを開く →よくある質問
MediumSlateBlueのRGB値は何ですか？
MediumSlateBlue（#7B68EE）のRGB値は rgb(123, 104, 238) です。Red・Green・Blueそれぞれの光の量を0〜255のスケールで表しています。
MediumSlateBlueは白背景でアクセシブルですか？
MediumSlateBlueと白（#FFFFFF）のコントラスト比は 4.15:1 — 大きいテキストのみAAパス です。黒（#000000）との比は 5.06:1 — 通常テキストでAAパス です。WCAG 2.1ではAA（通常テキスト）に4.5:1、AAAに7:1以上が必要とされています。
MediumSlateBlueに合う色は何ですか？
カラー理論に基づくと、MediumSlateBlue（hsl(249, 80%, 67%)）は補色・類似色・トライアドと相性がよいです。各ペアリングタイプの正確なHEX値は上のハーモニースウォッチを参照してください。