カラーパレット

パステルブルー

白を多く含んだ、灰みがかったやわらかな青です。穏やかで繊細な印象を与えます。招待状や子ども部屋、春服に登場します。

別名：淡い青, ペールブルー

パステルブルー · #AEC6CF

パステルブルーの基本情報

パステルブルー（#AEC6CF）は、寒色系・明るめ・くすみ系の色です。青系の色のグループに属します。RGBの値は赤174・緑198・青207（各255段階）。主な用途：子ども向け, インテリア, ウェディング。

パステルブルーの濃淡：明るいトーンと暗いトーン

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

パステルブルーの配色ハーモニー

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

補色近い色：グレージュ
類似色近い色：アッシュグレー
トライアド近い色：ライラック, パールホワイト
スプリット・コンプリメンタリー近い色：ダスティローズ, ボーンホワイト
テトラード近い色：ライラック, グレージュ, セージグリーン

パステルブルーを使ったカラーパレット

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

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

パステルブルーと文字色のコントラスト

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

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

CSSコード

:root {
  --pastel-blue: #AEC6CF;
  --pastel-blue-rgb: 174, 198, 207;
}
.bg { background-color: var(--pastel-blue); }
.text { color: var(--pastel-blue); }

パステルブルーに近い色

ライトブルーシルバーアッシュグレーライトグレーパールグレープラチナ水色グレージュベビーブルーパステルターコイズ

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

洗礼式のカラーパレットキンセアニェーラ（15歳のお祝い）のカラーパレット初聖体拝領のカラーパレットプレゼン資料のカラーパレット履歴書・職務経歴書のカラーパレット寝室のカラーパレット

その他の青系の色

青ネイビー水色コバルトブルーサファイアブルースチールブルーロイヤルブルーエレクトリックブルーミッドナイトブルー群青色フレンチブループルシアンブルーベビーブルーデニムブルークラインブルーダークブルーライトブルーセルリアンブルー

よくある質問

パステルブルーのカラーコードは？

パステルブルーのHEXコードは#AEC6CFです。RGBではrgb(174, 198, 207)、HSLではhsl(196, 26%, 75%)、CMYKでは16, 4, 0, 19となります。

パステルブルーの補色は何色ですか？

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

パステルブルーの上に白い文字を置いても読みやすいですか？

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