カラーピッカーへ移動

カラーコード #809d4e:やわらかな ライム

#809d4e はRGBで rgb(128, 157, 78)、OKLCHで oklch(65.573% 0.11131 125.932) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

82°
100%

65.6%
0.111
126°
  • ライム
  • 中間
  • ソフト
  • ニュートラル
  • ≈ 翡翠色
  • lime-600
  • 黒 38%

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

白い文字
3.07:1読みにくい
Lc -63
黒い文字
6.85:1読みやすい · AA
Lc 47

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#809d4e について

#809d4e はやわらかな ライムです。OKLCHでは明度 65.6%、クロマ 0.111、色相 126° です。

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

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

最も近い名前のある色は翡翠色(#00a86b)です。Tailwind CSSで最も近い色は lime-600 です。

ほかのライム系の色(中間)

明るく:#809d4e に白を混ぜる

  1. 809d4e
  2. 8ca761
  3. 98b072
  4. a4ba84
  5. b1c495
  6. becea7
  7. cad7b8
  8. d7e1ca
  9. e4ebdb
  10. f2f5ed

暗く:#809d4e に黒を混ぜる

  1. 809d4e
  2. 6e8843
  3. 5d7338
  4. 4d5f2d
  5. 3d4c23
  6. 2e3a19
  7. 1f280f
  8. 121807
  9. 060902
  10. 010100

落ち着かせる:#809d4e の彩度を下げる

  1. 809d4e
  2. 829c56
  3. 839b5e
  4. 859a65
  5. 87996c
  6. 889772
  7. 8a9679
  8. 8c957f
  9. 8d9485
  10. 8f928b

#809d4e についてのよくある質問

#809d4e は何色ですか?

#809d4e はやわらかな ライムです。最も近い名前のある色はやわらかな ライムです。RGBでは rgb(128, 157, 78)、HSLでは hsl(82.03, 33.62%, 46.08%)、OKLCHでは oklch(65.573% 0.11131 125.932) です。

#809d4e に合う色は?

#809d4e の補色は #a27ec7 です。落ち着いた組み合わせにするなら、類似色の #a59036 と #51a574 を使いましょう。トライアドの組み合わせは #5297d1 と #ca7386 です。

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

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

#809d4e は暖色と寒色のどちらですか?

#809d4e はニュートラルの色です。OKLCHでは色相 126度、明度 65.6%、クロマ 0.111 です。