スレートブルーの基本情報
スレートブルー（#6A5ACD）は、寒色系・中くらいの明るさ・中くらいの彩度の色です。青系の色のグループに属します。RGBの値は赤106・緑90・青205（各255段階）。主な用途：ウェブ, インテリア, グラフィックデザイン。
服・ネイル・髪色・部屋・車・スマホケースで、スレートブルーがどう見えるかをチェック。
明るさ
合わせる色
スレートブルーのHEXコードは#6A5ACDです。RGBではrgb(106, 90, 205)、HSLではhsl(248, 53%, 58%)、CMYKでは48, 56, 0, 20となります。
スレートブルー（#6A5ACD）は、寒色系・中くらいの明るさ・中くらいの彩度の色です。青系の色のグループに属します。RGBの値は赤106・緑90・青205（各255段階）。主な用途：ウェブ, インテリア, グラフィックデザイン。
明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。
この色の濃淡を見る: カラースケール生成ツール
色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。
カラーコードをコピーするか、エディターで開いて自由に調整できます。
WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。
:root {
--slate-blue: #6A5ACD;
--slate-blue-rgb: 106, 90, 205;
}
.bg { background-color: var(--slate-blue); }
.text { color: var(--slate-blue); }
スレートブルーのHEXコードは#6A5ACDです。RGBではrgb(106, 90, 205)、HSLではhsl(248, 53%, 58%)、CMYKでは48, 56, 0, 20となります。
色相環で反対側にある補色は#BDCD5Aで、真鍮色に近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。
はい。白とのコントラスト比は5.3:1で、通常サイズの文字にも十分です（WCAG AA）。
サイトの利用状況を知るために、Google AnalyticsのCookieを使用しています。同意しますか？ 詳しく見る