カラーピッカーへ移動

カラーコード #116a3c:深みのある 暗いエメラルド

#116a3c はRGBで rgb(17, 106, 60)、OKLCHで oklch(46.312% 0.10885 154.446) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

149°
100%

46.3%
0.109
154°
  • エメラルド
  • 暗い
  • 鮮やか
  • ディープ
  • 寒色系
  • ≈ ダークグリーン
  • green-800
  • 黒 58%

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

白い文字
6.67:1読みやすい · AA
Lc -88
黒い文字
3.15:1読みにくい
Lc 22

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#116a3c について

#116a3c は深みのある 暗いエメラルドです。OKLCHでは明度 46.3%、クロマ 0.109、色相 154° です。

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

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

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

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

明るく:#116a3c に白を混ぜる

  1. 116a3c
  2. 32784e
  3. 4b8760
  4. 629573
  5. 78a486
  6. 8eb399
  7. a4c2ad
  8. bad1c1
  9. d1e0d5
  10. e8efea

暗く:#116a3c に黒を混ぜる

  1. 116a3c
  2. 0d5b33
  3. 094d2a
  4. 063f21
  5. 043119
  6. 022411
  7. 01180a
  8. 000d04
  9. 000401
  10. 000000

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

  1. 116a3c
  2. 20693f
  3. 2a6742
  4. 336545
  5. 3a6448
  6. 40624b
  7. 46604e
  8. 4b5f51
  9. 505d53
  10. 545b56

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

#116a3c は何色ですか?

#116a3c は深みのある 暗いエメラルドです。最も近い名前のある色は深みのある 暗いエメラルドです。RGBでは rgb(17, 106, 60)、HSLでは hsl(148.99, 72.36%, 24.12%)、OKLCHでは oklch(46.312% 0.10885 154.446) です。

#116a3c に合う色は?

#116a3c の補色は #7d3f71 です。落ち着いた組み合わせにするなら、類似色の #4c630e と #006a60 を使いましょう。トライアドの組み合わせは #475295 と #8b3f2d です。

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

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

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

#116a3c は寒色系の色です。OKLCHでは色相 154度、明度 46.3%、クロマ 0.109 です。