カラーパレット

くすみブルー

グレーを混ぜたような、落ち着いたくすみのある青です。派手さはなくても上品で、どんな色とも合わせやすいのが魅力です。ウェディングの装花やドレス、北欧風のインテリアでよく見かけます。

別名:ダスティブルー, スモーキーブルー

エディタで開く

くすみブルーを試してみる

服・ネイル・髪色・部屋・車・スマホケースで、くすみブルーがどう見えるかをチェック。

明るさ

合わせる色

くすみブルーのHEXコードは#8C9EB1です。RGBではrgb(140, 158, 177)、HSLではhsl(211, 19%, 62%)、CMYKでは21, 11, 0, 31となります。

くすみブルーに近い色とカラーコード

ピューター#899499ブルーグレー#7393B3スレートグレー#708090パステルブルー#AEC6CFスモークグレー#848884グレー#808080藤鼠ふじねず · #A6A5C4錫色すずいろ · #9EA1A3鼠色ねずみいろ · #949495薄花色うすはないろ · #698AAB藍鼠あいねず · #6C848D薄墨色うすずみいろ · #A3A3A2

くすみブルーの基本情報

くすみブルー(#8C9EB1)は、寒色系・中くらいの明るさ・くすみ系の色です。青系の色のグループに属します。RGBの値は赤140・緑158・青177(各255段階)。主な用途:ウェディング, ファッション, インテリア。

くすみブルーの色見本と明るい色から暗い色までのグラデーション · #8C9EB1
くすみブルー · #8C9EB1

くすみブルーの濃淡:明るいトーンと暗いトーン

明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。

この色の濃淡を見る: カラースケール生成ツール

くすみブルーを使ったコーデ配色

パーソナルカラー×季節別に、くすみブルー(または近い色)を使ったコーデをまとめました。

ブルベ夏の秋コーデネイビー・スモーキーピンク・ローズブラウンブルベ冬の冬コーデブラック・ワインレッド・ロイヤルパープルブルベ冬の春コーデブラック・ロイヤルブルー・アイスピンク

くすみブルーの配色ハーモニー

色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。

補色近い色:ウォームグレー
スプリット・コンプリメンタリー近い色:ダスティローズ, セージグリーン

くすみブルーを使ったカラーパレット

カラーコードをコピーするか、エディターで開いて自由に調整できます。

モノクロマティックパレット · くすみブルー
類似色パレット · くすみブルー
補色パレット · くすみブルー
トライアドパレット · くすみブルー
ニュートラルカラー入りパレット · くすみブルー
アクセントカラー入りパレット · くすみブルー

くすみブルーと文字色のコントラスト

白い文字コントラスト比 2.7:1 · 非推奨
黒い文字コントラスト比 7.6:1 · AAA

WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。

CSSコード

:root {
  --dusty-blue: #8C9EB1;
  --dusty-blue-rgb: 140, 158, 177;
}
.bg { background-color: var(--dusty-blue); }
.text { color: var(--dusty-blue); }

くすみブルーに近い色

スチールグレー杢グレーシルバーストーングレー

この色を使ったテーマ別パレット

その他の青系の色

青ネイビー水色コバルトブルーサファイアブルースチールブルーロイヤルブルーエレクトリックブルーミッドナイトブルー群青色フレンチブループルシアンブルーパステルブルーベビーブルーデニムブルークラインブルーダークブルーライトブルーセルリアンブルーペリウィンクルアジュールコーンフラワーブルーオーシャンブルーパウダーブルー
くすみブルーの色見本と明るい色から暗い色までのグラデーション · #8C9EB1
くすみブルーの色見本と明るい色から暗い色までのグラデーション · #8C9EB1

次はこれを試してみよう

名前からパレットを作る名前の文字から、あなただけの配色を作る配色スロットレバーを引くと配色が決まるスロット色ガチャ回すと日本の伝統色が出るガチャ
無料診断・ツールをすべて見る →

よくある質問

くすみブルーのカラーコードは?

くすみブルーのHEXコードは#8C9EB1です。RGBではrgb(140, 158, 177)、HSLではhsl(211, 19%, 62%)、CMYKでは21, 11, 0, 31となります。

くすみブルーの補色は何色ですか?

色相環で反対側にある補色は#B19F8Cで、ウォームグレーに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。

くすみブルーの上に白い文字を置いても読みやすいですか?

黒い文字のほうがおすすめです。白とのコントラスト比は2.7:1しかありませんが、黒とは7.6:1になります。