カラーパレット

ダークピンク

紫みを帯びた、深く落ち着いたピンクです。かわいらしさの中に大人っぽさがあり、ファッションや口紅でよく選ばれます。ブランドのアクセントカラーとしても印象に残ります。

別名:濃いピンク

エディタで開く

ダークピンクを試してみる

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

明るさ

合わせる色

ダークピンクのHEXコードは#AA336Aです。RGBではrgb(170, 51, 106)、HSLではhsl(332, 54%, 43%)、CMYKでは0, 70, 38, 33となります。

ダークピンクに近い色とカラーコード

マルベリー#C54B8Cブラッシュピンク#DE5D83クラレット#7F1734プラム#8E4585ティリアンパープル#66023Cセリーズ#DE3163梅紫うめむらさき · #A8497A中紅なかべに · #C85179真紅しんく · #A22041牡丹色ぼたんいろ · #E7609E躑躅色つつじいろ · #E95295今様色いまよういろ · #D0576B

ダークピンクの基本情報

ダークピンク(#AA336A)は、暖色系・中くらいの明るさ・中くらいの彩度の色です。ピンク系の色のグループに属します。RGBの値は赤170・緑51・青106(各255段階)。主な用途:ファッション, メイク, ブランディング。

ダークピンクの色見本と明るい色から暗い色までのグラデーション · #AA336A
ダークピンク · #AA336A

ダークピンクの濃淡:明るいトーンと暗いトーン

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

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

ダークピンクの配色ハーモニー

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

補色近い色:翡翠色
類似色近い色:パープル, オーバーン
スプリット・コンプリメンタリー近い色:フォレストグリーン, 緑青色
テトラード近い色:真鍮色, 翡翠色, クラインブルー

ダークピンクを使ったカラーパレット

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

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

ダークピンクと文字色のコントラスト

白い文字コントラスト比 6.2:1 · AA
黒い文字コントラスト比 3.4:1 · AA(大きな文字)

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

CSSコード

:root {
  --dark-pink: #AA336A;
  --dark-pink-rgb: 170, 51, 106;
}
.bg { background-color: var(--dark-pink); }
.text { color: var(--dark-pink); }

ダークピンクに近い色

メキシカンピンクホットピンクローズゴールドワインレッド

その他のピンク系の色

ピンクくすみピンクオールドローズフューシャピンクマゼンタホットピンクメキシカンピンクパステルピンクベビーピンクディープピンクラズベリーローズクォーツローズゴールドブラッシュピンクフラミンゴピンクネオンピンクダスティローズウォーターメロンピンクコットンキャンディピンクライトピンク鮭色
ダークピンクの色見本と明るい色から暗い色までのグラデーション · #AA336A
ダークピンクの色見本と明るい色から暗い色までのグラデーション · #AA336A

次はこれを試してみよう

名前からパレットを作る名前の文字から、あなただけの配色を作る顔の印象タイプ診断子供顔・大人顔×曲線・直線で似合う服がわかる名前で相性診断ふたりの名前の色と相性%、「ふたりの色」がわかる
無料診断・ツールをすべて見る →

よくある質問

ダークピンクのカラーコードは?

ダークピンクのHEXコードは#AA336Aです。RGBではrgb(170, 51, 106)、HSLではhsl(332, 54%, 43%)、CMYKでは0, 70, 38, 33となります。

ダークピンクの補色は何色ですか?

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

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

はい。白とのコントラスト比は6.2:1で、通常サイズの文字にも十分です(WCAG AA)。

ピンク系の色をすべて見る →