カラーピッカーへ移動

カラーコード #7fa262:やわらかな ライム

#7fa262 はRGBで rgb(127, 162, 98)、OKLCHで oklch(67.018% 0.09745 131.898) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

93°
100%

67%
0.097
132°
  • ライム
  • 中間
  • ソフト
  • ニュートラル
  • ≈ セージグリーン
  • emerald-500
  • 黒 36%

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

白い文字
2.90:1読みにくい
Lc -61
黒い文字
7.25:1読みやすい · AA
Lc 49

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#7fa262 について

#7fa262 はやわらかな ライムです。OKLCHでは明度 67%、クロマ 0.097、色相 132° です。

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

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

最も近い名前のある色はセージグリーン(#9caf88)です。Tailwind CSSで最も近い色は emerald-500 です。

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

明るく:#7fa262 に白を混ぜる

  1. 7fa262
  2. 8bab72
  3. 98b481
  4. a4be91
  5. b1c7a0
  6. bdd0b0
  7. cad9bf
  8. d7e3cf
  9. e4ecdf
  10. f2f6ef

暗く:#7fa262 に黒を混ぜる

  1. 7fa262
  2. 6e8c54
  3. 5d7747
  4. 4c633a
  5. 3c4f2d
  6. 2d3c21
  7. 1f2a16
  8. 11190b
  9. 060a03
  10. 010100

落ち着かせる:#7fa262 の彩度を下げる

  1. 7fa262
  2. 81a168
  3. 84a06d
  4. 869e73
  5. 889d78
  6. 8a9c7d
  7. 8d9b82
  8. 8f9987
  9. 91988c
  10. 939790

#7fa262 についてのよくある質問

#7fa262 は何色ですか?

#7fa262 はやわらかな ライムです。最も近い名前のある色はやわらかな ライムです。RGBでは rgb(127, 162, 98)、HSLでは hsl(92.81, 25.6%, 50.98%)、OKLCHでは oklch(67.018% 0.09745 131.898) です。

#7fa262 に合う色は?

#7fa262 の補色は #a984c1 です。落ち着いた組み合わせにするなら、類似色の #a1974c と #58a883 を使いましょう。トライアドの組み合わせは #6899d0 と #c97c85 です。

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

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

#7fa262 は暖色と寒色のどちらですか?

#7fa262 はニュートラルの色です。OKLCHでは色相 132度、明度 67%、クロマ 0.097 です。