カラーピッカーへ移動

カラーコード #dc628c:やわらかな ピンク

#dc628c はRGBで rgb(220, 98, 140)、OKLCHで oklch(65.747% 0.15787 0.785) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

339°
100%

65.7%
0.158
1°
  • ピンク
  • 中間
  • ソフト
  • 暖色系
  • ≈ ブラッシュピンク
  • rose-400
  • 黒 14%

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

白い文字
3.40:1読みにくい
Lc -66
黒い文字
6.17:1読みやすい · AA
Lc 43

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#dc628c について

#dc628c はやわらかな ピンクです。OKLCHでは明度 65.7%、クロマ 0.158、色相 1° です。

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

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

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

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

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

  1. dc628c
  2. e17397
  3. e683a2
  4. eb93ad
  5. efa2b8
  6. f3b2c4
  7. f6c1cf
  8. f9d1db
  9. fce0e7
  10. fef0f3

暗く:#dc628c に黒を混ぜる

  1. dc628c
  2. bf5479
  3. a34767
  4. 883a55
  5. 6e2d43
  6. 542133
  7. 3c1623
  8. 260b14
  9. 110307
  10. 020001

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

  1. dc628c
  2. d6688d
  3. cf6e8d
  4. c8738e
  5. c1788e
  6. ba7d8f
  7. b3828f
  8. ab8690
  9. a38a90
  10. 9a8e91

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

#dc628c は何色ですか?

#dc628c はやわらかな ピンクです。最も近い名前のある色はやわらかな ピンクです。RGBでは rgb(220, 98, 140)、HSLでは hsl(339.34, 63.54%, 62.35%)、OKLCHでは oklch(65.747% 0.15787 0.785) です。

#dc628c に合う色は?

#dc628c の補色は #00ac96 です。落ち着いた組み合わせにするなら、類似色の #c669be と #e16653 を使いましょう。トライアドの組み合わせは #849f00 と #009be8 です。

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

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

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

#dc628c は暖色系の色です。OKLCHでは色相 1度、明度 65.7%、クロマ 0.158 です。