カラーピッカーへ移動

カラーコード #78330c:深みのある 暗い茶色

#78330c はRGBで rgb(120, 51, 12)、OKLCHで oklch(41.024% 0.10788 45.261) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

22°
100%

41%
0.108
45°
  • 茶色
  • 暗い
  • 鮮やか
  • ディープ
  • 暖色系
  • ≈ ワインレッド
  • amber-900
  • 黒 53%

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

白い文字
9.22:1読みやすい · AA
Lc -95
黒い文字
2.28:1読みにくい
Lc 13

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#78330c について

#78330c は深みのある 暗い茶色です。OKLCHでは明度 41%、クロマ 0.108、色相 45° です。

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

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

最も近い名前のある色はワインレッド(#722f37)です。Tailwind CSSで最も近い色は amber-900 です。

ほかの茶色系の色(暗い)

明るく:#78330c に白を混ぜる

  1. 78330c
  2. 864728
  3. 945a40
  4. a26e56
  5. b0826d
  6. bd9684
  7. cbaa9c
  8. d8bfb4
  9. e5d4cd
  10. f2e9e6

暗く:#78330c に黒を混ぜる

  1. 78330c
  2. 672b09
  3. 572306
  4. 481c04
  5. 391403
  6. 2a0d02
  7. 1d0701
  8. 100300
  9. 050100
  10. 010000

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

  1. 78330c
  2. 743617
  3. 70391f
  4. 6c3c26
  5. 683f2c
  6. 634131
  7. 5f4337
  8. 5a453c
  9. 554741
  10. 504946

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

#78330c は何色ですか?

#78330c は深みのある 暗い茶色です。最も近い名前のある色は深みのある 暗い茶色です。RGBでは rgb(120, 51, 12)、HSLでは hsl(21.67, 81.82%, 25.88%)、OKLCHでは oklch(41.024% 0.10788 45.261) です。

#78330c に合う色は?

#78330c の補色は #005473 です。落ち着いた組み合わせにするなら、類似色の #7a2d37 と #6b4000 を使いましょう。トライアドの組み合わせは #005c3c と #463f82 です。

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

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

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

#78330c は暖色系の色です。OKLCHでは色相 45度、明度 41%、クロマ 0.108 です。