CSS の名前付きカラー
MediumSlateBlue のカラーコード
MediumSlateBlue はブルーバイオレット系の色で、明るさは高め、彩度は高めです。カラーコードは #7B68EE です。 RGB では rgb(123, 104, 238)、HSL では hsl(249, 80%, 67%)、CMYK では cmyk(48%, 56%, 0%, 7%) です。
MediumSlateBlue
#7B68EE
カラー値
CSS ではキーワード mediumslateblue で指定できます。
MediumSlateBlue の上の白い文字のコントラスト比は 4.15:1、黒い文字は 5.06:1 なので、黒の文字の方が読みやすくなります。
最も近い Tailwind CSS のカラーは Indigo 500 (#6366F1) です。
CSS で MediumSlateBlue を使う
.element {
color: mediumslateblue;
background-color: #7b68ee;
border-color: rgb(123, 104, 238);
}MediumSlateBlue の濃淡
同じ色相で明るい色から暗い色までの 10 段階。クリックでコピーできます。
MediumSlateBlue と相性のよい色
#7B68EE をもとにした色相環の配色。スウォッチをクリックしてコピーするか、カラーホイールで開けます。
MediumSlateBlue の上の文字コントラスト
Aa
白い文字
4.15:1
AA · 大きなテキスト
Aa
黒い文字
5.06:1
AA
MediumSlateBlue に近い色
最も近い CSS カラー名
最も近い中国の伝統色
最も近い Tailwind カラー
近い色を含むパレット
MediumSlateBlue についてのよくある質問
MediumSlateBlue のカラーコードは？
MediumSlateBlue のカラーコードは #7B68EE です。RGB 値は rgb(123, 104, 238)、HSL 値は hsl(249, 80%, 67%) です。
MediumSlateBlue に合う色は？
MediumSlateBlue の補色は #DAEE68 です。やわらかい配色なら類似色の #6897EE、#BF68EE、バランスのよい 3 色配色ならトライアドの #EE7C68、#68EE7C を使いましょう。
MediumSlateBlue は文字色として読みやすいですか？
白い背景の上では MediumSlateBlue のコントラスト比は 4.15:1 で、通常テキストの WCAG AA 基準（4.5:1）を満たしていません。黒い背景の上では 5.06:1 です。