はっきりとした青みを帯びたグレーです。クールでありながら親しみやすい色です。寝室やフォーマルウェア、控えめなインターフェースに使われます。
別名：ブルーグレイ, 青灰色
ブルーグレー（#7393B3）は、寒色系・中くらいの明るさ・くすみ系の色です。グレー系の色のグループに属します。RGBの値は赤115・緑147・青179（各255段階）。主な用途：インテリア, ファッション, ウェブ。
明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。
色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。
カラーコードをコピーするか、エディターで開いて自由に調整できます。
WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。
:root {
--blue-gray: #7393B3;
--blue-gray-rgb: 115, 147, 179;
}
.bg { background-color: var(--blue-gray); }
.text { color: var(--blue-gray); }ブルーグレーのHEXコードは#7393B3です。RGBではrgb(115, 147, 179)、HSLではhsl(210, 30%, 58%)、CMYKでは36, 18, 0, 30となります。
色相環で反対側にある補色は#B39373で、キャメルに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。
黒い文字のほうがおすすめです。白とのコントラスト比は3.2:1しかありませんが、黒とは6.6:1になります。