カラーピッカーへ移動

カラーコード #856462:スモーキーな 赤

#856462 はRGBで rgb(133, 100, 98)、OKLCHで oklch(53.607% 0.04306 22.579) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

3°
100%

53.6%
0.043
23°
  • 赤
  • 中間
  • くすみ
  • スモーキー
  • 暖色系
  • ≈ マルサラ
  • taupe-500
  • 黒 48%

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

白い文字
5.25:1読みやすい · AA
Lc -81
黒い文字
4.00:1読みにくい
Lc 28

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#856462 について

#856462 はスモーキーな 赤です。OKLCHでは明度 53.6%、クロマ 0.043、色相 23° です。

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

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

最も近い名前のある色はマルサラ(#964f4c)です。Tailwind CSSで最も近い色は taupe-500 です。

ほかの赤系の色(中間)

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

  1. 856462
  2. 917270
  3. 9d817f
  4. a9908e
  5. b59f9e
  6. c1afad
  7. cdbebd
  8. dacecd
  9. e6dede
  10. f2eeee

暗く:#856462 に黒を混ぜる

  1. 856462
  2. 735654
  3. 614847
  4. 503b3a
  5. 402e2d
  6. 302221
  7. 211616
  8. 130b0b
  9. 060303
  10. 010000

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

  1. 856462
  2. 836563
  3. 816664
  4. 7e6765
  5. 7c6867
  6. 7a6968
  7. 776a69
  8. 756b6a
  9. 726c6b
  10. 706d6c

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

#856462 は何色ですか?

#856462 はスモーキーな 赤です。最も近い名前のある色はスモーキーな 赤です。RGBでは rgb(133, 100, 98)、HSLでは hsl(3.43, 15.15%, 45.29%)、OKLCHでは oklch(53.607% 0.04306 22.579) です。

#856462 に合う色は?

#856462 の補色は #4f7578 です。落ち着いた組み合わせにするなら、類似色の #826370 と #826757 を使いましょう。トライアドの組み合わせは #5f745d と #606e87 です。

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

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

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

#856462 は暖色系の色です。OKLCHでは色相 23度、明度 53.6%、クロマ 0.043 です。