カラーパレット

くすみピンク

わずかにグレーを含んだ、やわらかくくすんだピンクです。ブライズメイドのドレスや結婚式の装飾、寝室の壁で特に人気があります。ゴールドや白、セージグリーンとよく合います。

別名:スモーキーピンク, くすみピンク系

くすみピンク · #E8B4B8

くすみピンクの基本情報

くすみピンク(#E8B4B8)は、暖色系・明るめ・中くらいの彩度の色です。ピンク系の色のグループに属します。RGBの値は赤232・緑180・青184(各255段階)。主な用途:ファッション, ウェディング, インテリア。

くすみピンクの濃淡:明るいトーンと暗いトーン

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

くすみピンクに合う色

グレーインテリアで人気の、モダンでバランスのとれた組み合わせです。白清潔感があり、爽やかで繊細な印象に。ネイビー上品さとコントラストを加えます。オリーブグリーン土っぽい色がピンクの甘さを抑えます。ベージュやわらかくナチュラルな組み合わせです。ゴールド結婚式やイベントでくすみピンクを華やかに見せます。ワインレッドピンクから赤へのとても洗練されたグラデーション。セージグリーントレンド感のあるパステル同士の組み合わせです。
くすみピンクのファッション・インテリアでの合わせ方 →

くすみピンクの配色ハーモニー

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

補色近い色:パステルターコイズ
類似色近い色:ライラック, アプリコット
スプリット・コンプリメンタリー近い色:シーフォームグリーン, ライトブルー

くすみピンクを使ったカラーパレット

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

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

くすみピンクと文字色のコントラスト

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

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

CSSコード

:root {
  --dusty-pink: #E8B4B8;
  --dusty-pink-rgb: 232, 180, 184;
}
.bg { background-color: var(--dusty-pink); }
.text { color: var(--dusty-pink); }

くすみピンクに近い色

ベビーピンクダスティローズピンクローズクォーツパステルピンクアプリコットオールドローズグレージュヌードベージュシルバー

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

その他のピンク系の色

ピンクオールドローズフューシャピンクマゼンタホットピンクメキシカンピンクパステルピンクベビーピンクディープピンクラズベリーローズクォーツローズゴールドブラッシュピンクフラミンゴピンクネオンピンクダスティローズ

よくある質問

くすみピンクのカラーコードは?

くすみピンクのHEXコードは#E8B4B8です。RGBではrgb(232, 180, 184)、HSLではhsl(355, 53%, 81%)、CMYKでは0, 22, 21, 9となります。

くすみピンクの補色は何色ですか?

色相環で反対側にある補色は#B4E8E4で、パステルターコイズに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。

くすみピンクの上に白い文字を置いても読みやすいですか?

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

くすみピンクに合う色は?

相性のよい色:グレー, 白, ネイビー, オリーブグリーン, ベージュ。とても鮮やかなピンクやフューシャピンクと合わせると、くすみピンクが色あせて見えるので避けましょう。強いオレンジともぶつかります。