カラーピッカーへ移動

カラーコード #4f4635:くすんだ 暗いアンバー

#4f4635 はRGBで rgb(79, 70, 53)、OKLCHで oklch(39.822% 0.0297 83.202) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

39°
100%

39.8%
0.030
83°
  • アンバー
  • 暗い
  • くすみ
  • 暖色系
  • ≈ トープ
  • olive-700
  • 黒 69%

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

白い文字
9.29:1読みやすい · AA
Lc -96
黒い文字
2.26:1読みにくい
Lc 13

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#4f4635 について

#4f4635 はくすんだ 暗いアンバーです。OKLCHでは明度 39.8%、クロマ 0.03、色相 83° です。

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

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

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

ほかのアンバー系の色系の色

明るく:#4f4635 に白を混ぜる

  1. 4f4635
  2. 5f5747
  3. 6f6859
  4. 80796c
  5. 918b80
  6. a39d94
  7. b4b0a9
  8. c7c3be
  9. d9d7d3
  10. ecebe9

暗く:#4f4635 に黒を混ぜる

  1. 4f4635
  2. 443c2d
  3. 383225
  4. 2e281d
  5. 231e15
  6. 19150e
  7. 100d08
  8. 070503
  9. 020201
  10. 000000

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

  1. 4f4635
  2. 4e4637
  3. 4d4639
  4. 4d463b
  5. 4c473d
  6. 4b473e
  7. 4a4740
  8. 494742
  9. 494744
  10. 484745

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

#4f4635 は何色ですか?

#4f4635 はくすんだ 暗いアンバーです。最も近い名前のある色はくすんだ 暗いアンバーです。RGBでは rgb(79, 70, 53)、HSLでは hsl(39.23, 19.7%, 25.88%)、OKLCHでは oklch(39.822% 0.0297 83.202) です。

#4f4635 に合う色は?

#4f4635 の補色は #3f4758 です。落ち着いた組み合わせにするなら、類似色の #544338 と #474937 を使いましょう。トライアドの組み合わせは #344c4e と #4f4251 です。

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

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

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

#4f4635 は暖色系の色です。OKLCHでは色相 83度、明度 39.8%、クロマ 0.03 です。