カラーピッカーへ移動

カラーコード #ad783d:鮮やかな 茶色

#ad783d はRGBで rgb(173, 120, 61)、OKLCHで oklch(61.503% 0.10047 66.888) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

32°
100%

61.5%
0.100
67°
  • 茶色
  • 中間
  • 鮮やか
  • 暖色系
  • ≈ 銅色
  • yellow-700
  • 黒 32%

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

白い文字
3.80:1読みにくい
Lc -71
黒い文字
5.53:1読みやすい · AA
Lc 39

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#ad783d について

#ad783d は鮮やかな 茶色です。OKLCHでは明度 61.5%、クロマ 0.1、色相 67° です。

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

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

最も近い名前のある色は銅色(#b87333)です。Tailwind CSSで最も近い色は yellow-700 です。

ほかの茶色系の色(中間)系の色

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

  1. ad783d
  2. b68552
  3. be9265
  4. c6a078
  5. cfad8b
  6. d7ba9e
  7. dfc8b1
  8. e7d6c5
  9. efe3d8
  10. f7f1eb

暗く:#ad783d に黒を混ぜる

  1. ad783d
  2. 966734
  3. 7f572b
  4. 6a4822
  5. 55391a
  6. 412a12
  7. 2d1d0a
  8. 1b1004
  9. 0b0501
  10. 010100

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

  1. ad783d
  2. a97a46
  3. a57b4f
  4. a27d56
  5. 9e7e5e
  6. 9a7f65
  7. 96806b
  8. 918272
  9. 8d8378
  10. 89847e

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

#ad783d は何色ですか?

#ad783d は鮮やかな 茶色です。最も近い名前のある色は鮮やかな 茶色です。RGBでは rgb(173, 120, 61)、HSLでは hsl(31.61, 47.86%, 45.88%)、OKLCHでは oklch(61.503% 0.10047 66.888) です。

#ad783d に合う色は?

#ad783d の補色は #4f8abe です。落ち着いた組み合わせにするなら、類似色の #b86e59 と #968536 を使いましょう。トライアドの組み合わせは #20988f と #9474b4 です。

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

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

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

#ad783d は暖色系の色です。OKLCHでは色相 67度、明度 61.5%、クロマ 0.1 です。