CSS の名前付きカラー
SlateBlue のカラーコード
SlateBlue はブルーバイオレット系の色で、明るさは中くらい、彩度は中くらいです。カラーコードは #6A5ACD です。 RGB では rgb(106, 90, 205)、HSL では hsl(248, 53%, 58%)、CMYK では cmyk(48%, 56%, 0%, 20%) です。
SlateBlue
#6A5ACD
カラー値
CSS ではキーワード slateblue で指定できます。
SlateBlue の上の白い文字のコントラスト比は 5.31:1、黒い文字は 3.96:1 なので、白の文字の方が読みやすくなります。
最も近い Tailwind CSS のカラーは Indigo 500 (#6366F1) です。
CSS で SlateBlue を使う
.element {
color: slateblue;
background-color: #6a5acd;
border-color: rgb(106, 90, 205);
}SlateBlue の濃淡
同じ色相で明るい色から暗い色までの 10 段階。クリックでコピーできます。
SlateBlue と相性のよい色
#6A5ACD をもとにした色相環の配色。スウォッチをクリックしてコピーするか、カラーホイールで開けます。
SlateBlue の上の文字コントラスト
Aa
白い文字
5.31:1
AA
Aa
黒い文字
3.96:1
AA · 大きなテキスト
SlateBlue に近い色
最も近い CSS カラー名
最も近い中国の伝統色
最も近い Tailwind カラー
近い色を含むパレット
SlateBlue についてのよくある質問
SlateBlue のカラーコードは？
SlateBlue のカラーコードは #6A5ACD です。RGB 値は rgb(106, 90, 205)、HSL 値は hsl(248, 53%, 58%) です。
SlateBlue に合う色は？
SlateBlue の補色は #BECD5B です。やわらかい配色なら類似色の #5B85CD、#A35BCD、バランスのよい 3 色配色ならトライアドの #CD6A5B、#5BCD6A を使いましょう。
SlateBlue は文字色として読みやすいですか？
白い背景の上では SlateBlue のコントラスト比は 5.31:1 で、通常テキストの WCAG AA 基準（4.5:1）を満たしています。黒い背景の上では 3.96:1 です。