ミディアムスレートブルー(#7b68ee)のRGB・HSL・CMYK換算、コントラスト比、明度違いの色見本を確認できます。
| HEX | #7b68ee |
|---|---|
| RGB | rgb(123, 104, 238) |
| HSL | hsl(249, 80%, 67%) |
| CMYK近似 | C48% M56% Y0% K7% |
#7b68eeを背景にする場合、白文字とのコントラスト比は4.15:1、黒文字とは5.06:1。 WCAG AA(通常文字)の基準は4.5:1以上です。ほかの色との組み合わせはカラーコントラストチェッカーで確認できます。
色相・彩度はそのままに明度だけを95%〜5%まで変えた色見本です。クリックでHEX値をコピーできます。
#ff00ff ミディアムオーキッド #ba55d3 ミディアムパープル #9370db スレートブルー #6a5acd ブルーバイオレット #8a2be2 ダークバイオレット #9400d3 → カラーコード一覧(色見本・HEX/RGB早見表)をすべて見る
ミディアムスレートブルーはスレートブルーを明るくした青みの紫です。カラーコードは#7B68EE、RGB値はrgb(123, 104, 238)、HSLではhsl(249, 80%, 67%)になります。 CSSでは色名「mediumslateblue」としてそのまま指定できる標準色(named color)のひとつです。
color: #7b68ee; のようにHEX値で指定するのが最も一般的です。rgba(123, 104, 238, 0.5) のようにRGBA表記を使います。