カラーピッカーへ移動

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

#968148 はRGBで rgb(150, 129, 72)、OKLCHで oklch(60.978% 0.08028 89.724) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

44°
100%

61%
0.080
90°
  • 茶色
  • 中間
  • ソフト
  • 暖色系
  • ≈ 銅色
  • olive-500
  • 黒 41%

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

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

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#968148 について

#968148 はやわらかな 茶色です。OKLCHでは明度 61%、クロマ 0.08、色相 90° です。

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

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

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

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

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

  1. 968148
  2. a08d5a
  3. aa996d
  4. b5a67e
  5. bfb290
  6. c9bfa2
  7. d4cbb5
  8. dfd8c7
  9. e9e5d9
  10. f4f2ec

暗く:#968148 に黒を混ぜる

  1. 968148
  2. 826f3d
  3. 6e5e33
  4. 5b4e29
  5. 493e1f
  6. 372e16
  7. 261f0d
  8. 161206
  9. 080602
  10. 010100

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

  1. 968148
  2. 94814f
  3. 928256
  4. 90825c
  5. 8e8262
  6. 8c8268
  7. 8b836e
  8. 898373
  9. 878378
  10. 85837e

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

#968148 は何色ですか?

#968148 はやわらかな 茶色です。最も近い名前のある色はやわらかな 茶色です。RGBでは rgb(150, 129, 72)、HSLでは hsl(43.85, 35.14%, 43.53%)、OKLCHでは oklch(60.978% 0.08028 89.724) です。

#968148 に合う色は?

#968148 の補色は #7081b4 です。落ち着いた組み合わせにするなら、類似色の #a77751 と #7d8a52 を使いましょう。トライアドの組み合わせは #40909d と #9f729a です。

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

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

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

#968148 は暖色系の色です。OKLCHでは色相 90度、明度 61%、クロマ 0.08 です。