#BA55D3
MediumOrchid — カラーコードとパレット
#BA55D3 · rgb(186, 85, 211) · hsl(288, 59%, 58%)
カラーコード
| 形式 | 値 | |
|---|---|---|
| HEX | #BA55D3 | |
| RGB | rgb(186, 85, 211) | |
| HSL | hsl(288, 59%, 58%) |
MediumOrchidのシェード（暗色系）
| #B03CCD | #9F30BB | #8A2AA2 | #75248A | #611D72 | #4C1759 | #371141 | #230A29 |
MediumOrchidのティント（淡色系）
| #C065D7 | #C775DB | #CE85E0 | #D496E4 | #DBA6E8 | #E1B6EC | #E8C6F0 | #EFD6F5 |
カラーペアリングとハーモニー
|
補色
#6ED355
|
類似色 +30°
#D355AD
|
類似色 −30°
#7B55D3
|
トライアド +120°
#D3BA55
|
トライアド −120°
#55D3BA
|
コントラストとアクセシビリティ（WCAG 2.1）
白（#FFFFFF）との対比
3.94:1 — 大きいテキストのみAAパス
黒（#000000）との対比
5.33:1 — 通常テキストでAAパス
CSSスニペット
.element {
color: #BA55D3;
}
.element-bg {
background-color: #BA55D3;
color: #000000;
}
.element-border {
border: 2px solid #BA55D3;
}
MediumOrchidについて
MediumOrchidはhsl(288, 59%, 58%)（色相288°、彩度59%、明度58%）で定義される中間の明度のの高い彩度カラーで、HEXコードは#BA55D3です。正確なカラーモデル値はRGBでrgb(186, 85, 211)、HSLでhsl(288, 59%, 58%)です。白背景でのコントラスト比は3.94:1 — 大きいテキストのみAAパス、黒背景では5.33:1 — 通常テキストでAAパスです。MediumOrchidはUI要素・背景・テキスト・ボーダー・装飾アクセントなど多用途に活用できます。下のシェードセクションでは徐々に暗くなるバリエーションを、ティントストリップでは徐々に明るくなるバリエーションを確認でき、トーンパレットの構築に役立ちます。ハーモニースウォッチはHSL色相環に基づく補色・類似色・トライアドを提供します。
色をインタラクティブに確認したい、パレットを生成したい、カラー形式を変換したいですか？DevArborのカラーピッカーをご活用ください。
カラーピッカーを開く →よくある質問
MediumOrchidのRGB値は何ですか？
MediumOrchid（#BA55D3）のRGB値は rgb(186, 85, 211) です。Red・Green・Blueそれぞれの光の量を0〜255のスケールで表しています。
MediumOrchidは白背景でアクセシブルですか？
MediumOrchidと白（#FFFFFF）のコントラスト比は 3.94:1 — 大きいテキストのみAAパス です。黒（#000000）との比は 5.33:1 — 通常テキストでAAパス です。WCAG 2.1ではAA（通常テキスト）に4.5:1、AAAに7:1以上が必要とされています。
MediumOrchidに合う色は何ですか？
カラー理論に基づくと、MediumOrchid（hsl(288, 59%, 58%)）は補色・類似色・トライアドと相性がよいです。各ペアリングタイプの正確なHEX値は上のハーモニースウォッチを参照してください。