グレーを混ぜたような、落ち着いたくすみのある青です。派手さはなくても上品で、どんな色とも合わせやすいのが魅力です。ウェディングの装花やドレス、北欧風のインテリアでよく見かけます。
別名:ダスティブルー, スモーキーブルー
服・ネイル・髪色・部屋・車・スマホケースで、くすみブルーがどう見えるかをチェック。
明るさ
合わせる色
くすみブルーのHEXコードは#8C9EB1です。RGBではrgb(140, 158, 177)、HSLではhsl(211, 19%, 62%)、CMYKでは21, 11, 0, 31となります。
くすみブルー(#8C9EB1)は、寒色系・中くらいの明るさ・くすみ系の色です。青系の色のグループに属します。RGBの値は赤140・緑158・青177(各255段階)。主な用途:ウェディング, ファッション, インテリア。

明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。
この色の濃淡を見る: カラースケール生成ツール
パーソナルカラー×季節別に、くすみブルー(または近い色)を使ったコーデをまとめました。
色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。
カラーコードをコピーするか、エディターで開いて自由に調整できます。
WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。
:root {
--dusty-blue: #8C9EB1;
--dusty-blue-rgb: 140, 158, 177;
}
.bg { background-color: var(--dusty-blue); }
.text { color: var(--dusty-blue); }
くすみブルーのHEXコードは#8C9EB1です。RGBではrgb(140, 158, 177)、HSLではhsl(211, 19%, 62%)、CMYKでは21, 11, 0, 31となります。
色相環で反対側にある補色は#B19F8Cで、ウォームグレーに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。
黒い文字のほうがおすすめです。白とのコントラスト比は2.7:1しかありませんが、黒とは7.6:1になります。
サイトの利用状況を知るために、Google AnalyticsのCookieを使用しています。同意しますか? 詳しく見る