カラーピッカーへ移動

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

#978024 はRGBで rgb(151, 128, 36)、OKLCHで oklch(60.467% 0.11061 94.412) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

48°
100%

60.5%
0.111
94°
  • 茶色
  • 中間
  • 鮮やか
  • 暖色系
  • ≈ オリーブ
  • yellow-700
  • 黒 41%

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

白い文字
3.87:1読みにくい
Lc -72
黒い文字
5.43:1読みやすい · AA
Lc 38

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#978024 について

#978024 は鮮やかな 茶色です。OKLCHでは明度 60.5%、クロマ 0.111、色相 94° です。

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

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

最も近い名前のある色はオリーブ(#808000)です。Tailwind CSSで最も近い色は yellow-700 です。

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

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

  1. 978024
  2. a18c40
  3. ab9957
  4. b5a56d
  5. bfb282
  6. cabf96
  7. d4cbab
  8. dfd8c0
  9. e9e5d5
  10. f4f2ea

暗く:#978024 に黒を混ぜる

  1. 978024
  2. 836e1e
  3. 6f5d18
  4. 5c4d12
  5. 493d0c
  6. 372e07
  7. 261f04
  8. 171202
  9. 080600
  10. 010100

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

  1. 978024
  2. 958033
  3. 93813f
  4. 908149
  5. 8e8153
  6. 8c825b
  7. 8a8264
  8. 88826b
  9. 868273
  10. 84827a

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

#978024 は何色ですか?

#978024 は鮮やかな 茶色です。最も近い名前のある色は鮮やかな 茶色です。RGBでは rgb(151, 128, 36)、HSLでは hsl(48, 61.5%, 36.67%)、OKLCHでは oklch(60.467% 0.11061 94.412) です。

#978024 に合う色は?

#978024 の補色は #6e7cc3 です。落ち着いた組み合わせにするなら、類似色の #af7231 と #738d3d を使いましょう。トライアドの組み合わせは #0092aa と #aa679c です。

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

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

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

#978024 は暖色系の色です。OKLCHでは色相 94度、明度 60.5%、クロマ 0.111 です。