カラーピッカーへ移動

カラーコード #784153:やわらかな 暗いピンク

#784153 はRGBで rgb(120, 65, 83)、OKLCHで oklch(44.815% 0.07914 359.841) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

340°
100%

44.8%
0.079
360°
  • ピンク
  • 暗い
  • ソフト
  • 暖色系
  • ≈ ナス色
  • mauve-600
  • 黒 53%

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

白い文字
7.84:1読みやすい · AA
Lc -92
黒い文字
2.68:1読みにくい
Lc 17

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#784153 について

#784153 はやわらかな 暗いピンクです。OKLCHでは明度 44.8%、クロマ 0.079、色相 360° です。

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

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

最も近い名前のある色はナス色(#614051)です。Tailwind CSSで最も近い色は mauve-600 です。

ほかのピンク系の色(暗い)

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

  1. 784153
  2. 865363
  3. 936473
  4. a17783
  5. ae8994
  6. bc9ca5
  7. c9afb6
  8. d7c3c8
  9. e4d6da
  10. f2ebec

暗く:#784153 に黒を混ぜる

  1. 784153
  2. 673747
  3. 572e3b
  4. 482530
  5. 391c25
  6. 2a131b
  7. 1d0b11
  8. 100508
  9. 050102
  10. 010000

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

  1. 784153
  2. 754353
  3. 724653
  4. 6e4853
  5. 6b4a54
  6. 684c54
  7. 644e54
  8. 604f54
  9. 5d5154
  10. 595354

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

#784153 は何色ですか?

#784153 はやわらかな 暗いピンクです。最も近い名前のある色はやわらかな 暗いピンクです。RGBでは rgb(120, 65, 83)、HSLでは hsl(340.36, 29.73%, 36.27%)、OKLCHでは oklch(44.815% 0.07914 359.841) です。

#784153 に合う色は?

#784153 の補色は #086356 です。落ち着いた組み合わせにするなら、類似色の #6d446a と #7b433a を使いましょう。トライアドの組み合わせは #4f5b25 と #255a7c です。

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

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

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

#784153 は暖色系の色です。OKLCHでは色相 360度、明度 44.8%、クロマ 0.079 です。