カラーピッカーへ移動

カラーコード #2c1909:くすんだ ごく暗い茶色

#2c1909 はRGBで rgb(44, 25, 9)、OKLCHで oklch(23.491% 0.04034 59.054) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

27°
100%

23.5%
0.040
59°
  • 茶色
  • ごく暗い
  • くすみ
  • 暖色系
  • ≈ グラファイト
  • olive-900
  • 黒 83%

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

白い文字
16.80:1読みやすい · AA
Lc -106
黒い文字
1.25:1読みにくい
Lc 0

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#2c1909 について

#2c1909 はくすんだ ごく暗い茶色です。OKLCHでは明度 23.5%、クロマ 0.04、色相 59° です。

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

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

最も近い名前のある色はグラファイト(#383838)です。Tailwind CSSで最も近い色は olive-900 です。

ほかの茶色系の色

明るく:#2c1909 に白を混ぜる

  1. 2c1909
  2. 3f2c1e
  3. 524033
  4. 66564a
  5. 7a6c61
  6. 8f837a
  7. a59a93
  8. bab3ad
  9. d1ccc8
  10. e8e5e3

暗く:#2c1909 に黒を混ぜる

  1. 2c1909
  2. 251407
  3. 1e1005
  4. 170b03
  5. 110702
  6. 0a0401
  7. 050201
  8. 020100
  9. 010000
  10. 000000

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

  1. 2c1909
  2. 2b1a0c
  3. 291a0e
  4. 281b10
  5. 271b12
  6. 251c15
  7. 241c17
  8. 231d18
  9. 211d1a
  10. 201e1c

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

#2c1909 は何色ですか?

#2c1909 はくすんだ ごく暗い茶色です。最も近い名前のある色はくすんだ ごく暗い茶色です。RGBでは rgb(44, 25, 9)、HSLでは hsl(27.43, 66.04%, 10.39%)、OKLCHでは oklch(23.491% 0.04034 59.054) です。

#2c1909 に合う色は?

#2c1909 の補色は #09202f です。落ち着いた組み合わせにするなら、類似色の #2f1613 と #261d05 を使いましょう。トライアドの組み合わせは #02241e と #211a2e です。

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

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

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

#2c1909 は暖色系の色です。OKLCHでは色相 59度、明度 23.5%、クロマ 0.04 です。