カラーピッカーへ移動

カラーコード #104f2f:やわらかな 暗いエメラルド

#104f2f はRGBで rgb(16, 79, 47)、OKLCHで oklch(37.984% 0.08291 156.024) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

150°
100%

38%
0.083
156°
  • エメラルド
  • 暗い
  • ソフト
  • 寒色系
  • ≈ チャコールグレー
  • green-900
  • 黒 69%

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

白い文字
9.63:1読みやすい · AA
Lc -96
黒い文字
2.18:1読みにくい
Lc 12

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#104f2f について

#104f2f はやわらかな 暗いエメラルドです。OKLCHでは明度 38%、クロマ 0.083、色相 156° です。

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

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

最も近い名前のある色はチャコールグレー(#36454f)です。Tailwind CSSで最も近い色は green-900 です。

ほかのエメラルド系の色(暗い)系の色

明るく:#104f2f に白を混ぜる

  1. 104f2f
  2. 2c5f41
  3. 437054
  4. 5a8168
  5. 70927c
  6. 87a391
  7. 9eb5a6
  8. b6c7bc
  9. cedad2
  10. e6ece8

暗く:#104f2f に黒を混ぜる

  1. 104f2f
  2. 0c4427
  3. 093820
  4. 062e19
  5. 042312
  6. 02190c
  7. 011006
  8. 000703
  9. 000201
  10. 000000

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

  1. 104f2f
  2. 194e31
  3. 204d33
  4. 264c35
  5. 2b4a37
  6. 304939
  7. 34483b
  8. 38463d
  9. 3c453f
  10. 3f4440

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

#104f2f は何色ですか?

#104f2f はやわらかな 暗いエメラルドです。最も近い名前のある色はやわらかな 暗いエメラルドです。RGBでは rgb(16, 79, 47)、HSLでは hsl(149.52, 66.32%, 18.63%)、OKLCHでは oklch(37.984% 0.08291 156.024) です。

#104f2f に合う色は?

#104f2f の補色は #5d3053 です。落ち着いた組み合わせにするなら、類似色の #374a12 と #005049 を使いましょう。トライアドの組み合わせは #373d6e と #673021 です。

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

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

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

#104f2f は寒色系の色です。OKLCHでは色相 156度、明度 38%、クロマ 0.083 です。