カラーピッカーへ移動

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

#68330c はRGBで rgb(104, 51, 12)、OKLCHで oklch(38.43% 0.09019 51.683) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

25°
100%

38.4%
0.090
52°
  • 茶色
  • 暗い
  • 鮮やか
  • ディープ
  • 暖色系
  • ≈ ワインレッド
  • amber-900
  • 黒 59%

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

白い文字
10.16:1読みやすい · AA
Lc -97
黒い文字
2.07:1読みにくい
Lc 11

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#68330c について

#68330c は深みのある 暗い茶色です。OKLCHでは明度 38.4%、クロマ 0.09、色相 52° です。

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

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

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

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

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

  1. 68330c
  2. 774627
  3. 86593e
  4. 956d55
  5. a5816b
  6. b49583
  7. c3a99b
  8. d2beb3
  9. e1d3cc
  10. f0e9e5

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

  1. 68330c
  2. 592b09
  3. 4b2306
  4. 3e1c04
  5. 301403
  6. 240d02
  7. 180701
  8. 0c0300
  9. 040100
  10. 000000

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

  1. 68330c
  2. 653515
  3. 61371c
  4. 5e3922
  5. 5b3b28
  6. 573d2d
  7. 533e32
  8. 504036
  9. 4c413b
  10. 48423f

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

#68330c は何色ですか?

#68330c は深みのある 暗い茶色です。最も近い名前のある色は深みのある 暗い茶色です。RGBでは rgb(104, 51, 12)、HSLでは hsl(25.43, 79.31%, 22.75%)、OKLCHでは oklch(38.43% 0.09019 51.683) です。

#68330c に合う色は?

#68330c の補色は #004b6b です。落ち着いた組み合わせにするなら、類似色の #6c2d2d と #5b3d00 を使いましょう。トライアドの組み合わせは #00523e と #45396f です。

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

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

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

#68330c は暖色系の色です。OKLCHでは色相 52度、明度 38.4%、クロマ 0.09 です。