カラーピッカーへ移動

カラーコード #b26041:やわらかな 茶色

#b26041 はRGBで rgb(178, 96, 65)、OKLCHで oklch(57.827% 0.11537 41.057) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

16°
100%

57.8%
0.115
41°
  • 茶色
  • 中間
  • ソフト
  • 暖色系
  • ≈ シエナ
  • amber-700
  • 黒 30%

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

白い文字
4.52:1読みやすい · AA
Lc -77
黒い文字
4.64:1読みやすい · AA
Lc 33

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#b26041 について

#b26041 はやわらかな 茶色です。OKLCHでは明度 57.8%、クロマ 0.115、色相 41° です。

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

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

最も近い名前のある色はシエナ(#a0522d)です。Tailwind CSSで最も近い色は amber-700 です。

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

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

  1. b26041
  2. bb7054
  3. c38066
  4. cc8f79
  5. d49f8b
  6. dcaf9e
  7. e3bfb1
  8. ebcec4
  9. f2dfd8
  10. f8efeb

暗く:#b26041 に黒を混ぜる

  1. b26041
  2. 9a5237
  3. 83452e
  4. 6d3825
  5. 572c1c
  6. 432013
  7. 2f150b
  8. 1d0a05
  9. 0c0301
  10. 010000

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

  1. b26041
  2. ad6348
  3. a8664e
  4. a36954
  5. 9d6c5a
  6. 986f5f
  7. 927165
  8. 8d736a
  9. 86766f
  10. 807875

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

#b26041 は何色ですか?

#b26041 はやわらかな 茶色です。最も近い名前のある色はやわらかな 茶色です。RGBでは rgb(178, 96, 65)、HSLでは hsl(16.46, 46.5%, 47.65%)、OKLCHでは oklch(57.827% 0.11537 41.057) です。

#b26041 に合う色は?

#b26041 の補色は #0088aa です。落ち着いた組み合わせにするなら、類似色の #b35a69 と #a46c1a を使いましょう。トライアドの組み合わせは #268e63 と #6e70bc です。

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

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

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

#b26041 は暖色系の色です。OKLCHでは色相 41度、明度 57.8%、クロマ 0.115 です。