カラーピッカーへ移動

カラーコード #53300a:やわらかな 暗い茶色

#53300a はRGBで rgb(83, 48, 10)、OKLCHで oklch(34.593% 0.07103 62.747) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

31°
100%

34.6%
0.071
63°
  • 茶色
  • 暗い
  • ソフト
  • 暖色系
  • ≈ トープ
  • taupe-700
  • 黒 67%

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

白い文字
11.70:1読みやすい · AA
Lc -100
黒い文字
1.79:1読みにくい
Lc 0

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#53300a について

#53300a はやわらかな 暗い茶色です。OKLCHでは明度 34.6%、クロマ 0.071、色相 63° です。

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

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

最も近い名前のある色はトープ(#483c32)です。Tailwind CSSで最も近い色は taupe-700 です。

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

明るく:#53300a に白を混ぜる

  1. 53300a
  2. 634324
  3. 74563b
  4. 856951
  5. 957d68
  6. a79280
  7. b8a798
  8. c9bcb1
  9. dbd2cb
  10. ede8e5

暗く:#53300a に黒を混ぜる

  1. 53300a
  2. 472807
  3. 3b2105
  4. 301a03
  5. 251302
  6. 1b0c01
  7. 110601
  8. 080300
  9. 020100
  10. 000000

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

  1. 53300a
  2. 513112
  3. 4e3218
  4. 4c341d
  5. 493522
  6. 473526
  7. 44362a
  8. 42372e
  9. 3f3832
  10. 3c3936

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

#53300a は何色ですか?

#53300a はやわらかな 暗い茶色です。最も近い名前のある色はやわらかな 暗い茶色です。RGBでは rgb(83, 48, 10)、HSLでは hsl(31.23, 78.49%, 18.24%)、OKLCHでは oklch(34.593% 0.07103 62.747) です。

#53300a に合う色は?

#53300a の補色は #103d5b です。落ち着いた組み合わせにするなら、類似色の #592a21 と #463800 を使いましょう。トライアドの組み合わせは #00453d と #413058 です。

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

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

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

#53300a は暖色系の色です。OKLCHでは色相 63度、明度 34.6%、クロマ 0.071 です。