カラーピッカーへ移動

カラーコード #78656d:スモーキーな ピンク

#78656d はRGBで rgb(120, 101, 109)、OKLCHで oklch(52.766% 0.02694 350.801) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

335°
100%

52.8%
0.027
351°
  • ピンク
  • 中間
  • くすみ
  • スモーキー
  • 暖色系
  • ≈ マルサラ
  • mauve-500
  • 黒 53%

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

白い文字
5.41:1読みやすい · AA
Lc -82
黒い文字
3.88:1読みにくい
Lc 27

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#78656d について

#78656d はスモーキーな ピンクです。OKLCHでは明度 52.8%、クロマ 0.027、色相 351° です。

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

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

最も近い名前のある色はマルサラ(#964f4c)です。Tailwind CSSで最も近い色は mauve-500 です。

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

明るく:#78656d に白を混ぜる

  1. 78656d
  2. 85737b
  3. 928288
  4. 9f9196
  5. aca0a5
  6. baafb3
  7. c7bec2
  8. d5ced1
  9. e3dee0
  10. f1efef

暗く:#78656d に黒を混ぜる

  1. 78656d
  2. 67575e
  3. 57494f
  4. 483c41
  5. 392f33
  6. 2a2226
  7. 1d1719
  8. 100c0d
  9. 050304
  10. 010001

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

  1. 78656d
  2. 77666d
  3. 76666d
  4. 74676c
  5. 73676c
  6. 72686c
  7. 70696c
  8. 6f696c
  9. 6e6a6b
  10. 6c6a6b

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

#78656d は何色ですか?

#78656d はスモーキーな ピンクです。最も近い名前のある色はスモーキーな ピンクです。RGBでは rgb(120, 101, 109)、HSLでは hsl(334.74, 8.6%, 43.33%)、OKLCHでは oklch(52.766% 0.02694 350.801) です。

#78656d に合う色は?

#78656d の補色は #5c7069 です。落ち着いた組み合わせにするなら、類似色の #726675 と #7a6564 を使いましょう。トライアドの組み合わせは #6b6d5b と #5c6e78 です。

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

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

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

#78656d は暖色系の色です。OKLCHでは色相 351度、明度 52.8%、クロマ 0.027 です。