カラーピッカーへ移動

カラーコード #315e2f:やわらかな 暗い緑

#315e2f はRGBで rgb(49, 94, 47)、OKLCHで oklch(43.686% 0.08963 143.008) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

117°
100%

43.7%
0.090
143°
  • 緑
  • 暗い
  • ソフト
  • ニュートラル
  • ≈ ダークグリーン
  • green-800
  • 黒 63%

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

白い文字
7.57:1読みやすい · AA
Lc -91
黒い文字
2.77:1読みにくい
Lc 18

シェード

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

カラーハーモニー

最近の色

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

#315e2f について

#315e2f はやわらかな 暗い緑です。OKLCHでは明度 43.7%、クロマ 0.09、色相 143° です。

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

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

最も近い名前のある色はダークグリーン(#006400)です。Tailwind CSSで最も近い色は green-800 です。

ほかの緑系の色(暗い)

明るく:#315e2f に白を混ぜる

暗く:#315e2f に黒を混ぜる

  1. 000000

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

似ている名前のある色

#315e2f に合う色

補色
類似色
トライアド
分裂補色

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

#315e2f は何色ですか?

#315e2f はやわらかな 暗い緑です。最も近い名前のある色はやわらかな 暗い緑です。RGBでは rgb(49, 94, 47)、HSLでは hsl(117.45, 33.33%, 27.65%)、OKLCHでは oklch(43.686% 0.08963 143.008) です。

#315e2f に合う色は?

#315e2f の補色は #693f6e です。落ち着いた組み合わせにするなら、類似色の #52560f と #00614d を使いましょう。トライアドの組み合わせは #375083 と #7c3c3a です。

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

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

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

#315e2f はニュートラルの色です。OKLCHでは色相 143度、明度 43.7%、クロマ 0.09 です。