カラーピッカーへ移動

カラーコード #dd4792:鮮やかな ピンク

#dd4792 はRGBで rgb(221, 71, 146)、OKLCHで oklch(62.933% 0.19787 353.553) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

330°
100%

62.9%
0.198
354°
  • ピンク
  • 中間
  • 鮮やか
  • 暖色系
  • ≈ ブラッシュピンク
  • pink-500
  • 黒 13%

sRGBの範囲内:どの画面でも同じように表示されます。

白い文字
3.90:1読みにくい
Lc -71
黒い文字
5.39:1読みやすい · AA
Lc 39

シェード

明るい順に並んでいます。クリックするとそのシェードを使えます。

カラーハーモニー

パレットで開く

最近の色

選んだ色やコピーした色がここに表示されます。データはこの端末に残ります。

#dd4792 について

#dd4792 は鮮やかな ピンクです。OKLCHでは明度 62.9%、クロマ 0.198、色相 354° です。

sRGBの範囲内:どの画面でも同じように表示されます。

この色の上では白い文字のコントラストが 3.9:1、黒い文字が 5.39:1 なので、白の文字のほうが読みやすくなります。

最も近い名前のある色はブラッシュピンク(#de5d83)です。Tailwind CSSで最も近い色は pink-500 です。

ほかのピンク系の色(中間)

明るく:#dd4792 に白を混ぜる

  1. dd4792
  2. e35d9c
  3. e871a7
  4. ed84b2
  5. f296bc
  6. f5a8c7
  7. f9b9d2
  8. fbcbdd
  9. fddce8
  10. feeef4

暗く:#dd4792 に黒を混ぜる

  1. dd4792
  2. c03d7e
  3. a4326b
  4. 882858
  5. 6e1f46
  6. 551635
  7. 3d0d25
  8. 260616
  9. 110208
  10. 020001

落ち着かせる:#dd4792 の彩度を下げる

  1. dd4792
  2. d65191
  3. cf5a90
  4. c7628f
  5. bf698e
  6. b76f8d
  7. af758d
  8. a67a8c
  9. 9d7f8b
  10. 93848a

#dd4792 についてのよくある質問

#dd4792 は何色ですか?

#dd4792 は鮮やかな ピンクです。最も近い名前のある色は鮮やかな ピンクです。RGBでは rgb(221, 71, 146)、HSLでは hsl(330, 68.81%, 57.25%)、OKLCHでは oklch(62.933% 0.19787 353.553) です。

#dd4792 に合う色は?

#dd4792 の補色は #00a482 です。落ち着いた組み合わせにするなら、類似色の #c055cc と #e8474b を使いましょう。トライアドの組み合わせは #8a9200 と #0096d7 です。

#dd4792 の上では白と黒のどちらの文字が読みやすいですか?

#dd4792 の上では白の文字のほうが読みやすくなります。白はコントラスト比 3.9:1、黒は 5.39:1 です。WCAG AAでは本文に4.5:1以上が求められます。

#dd4792 は暖色と寒色のどちらですか?

#dd4792 は暖色系の色です。OKLCHでは色相 354度、明度 62.9%、クロマ 0.198 です。