カラーピッカーへ移動

カラーコード #669c38:鮮やかな ライム

#669c38 はRGBで rgb(102, 156, 56)、OKLCHで oklch(63.351% 0.14361 133.146) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

92°
100%

63.4%
0.144
133°
  • ライム
  • 中間
  • 鮮やか
  • ニュートラル
  • ≈ 翡翠色
  • lime-600
  • 黒 39%

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

白い文字
3.29:1読みにくい
Lc -66
黒い文字
6.38:1読みやすい · AA
Lc 44

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#669c38 について

#669c38 は鮮やかな ライムです。OKLCHでは明度 63.4%、クロマ 0.144、色相 133° です。

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

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

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

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

明るく:#669c38 に白を混ぜる

  1. 669c38
  2. 75a64f
  3. 84b064
  4. 93ba77
  5. a2c48b
  6. b1ce9e
  7. c0d8b1
  8. d0e1c5
  9. dfebd8
  10. eff5eb

暗く:#669c38 に黒を混ぜる

  1. 669c38
  2. 58872f
  3. 4a7327
  4. 3c5f1f
  5. 2f4c17
  6. 23390f
  7. 172808
  8. 0c1804
  9. 040901
  10. 000100

落ち着かせる:#669c38 の彩度を下げる

  1. 669c38
  2. 6a9b43
  3. 6e994d
  4. 729757
  5. 75965f
  6. 799467
  7. 7d926e
  8. 809076
  9. 838e7d
  10. 878c83

#669c38 についてのよくある質問

#669c38 は何色ですか?

#669c38 は鮮やかな ライムです。最も近い名前のある色は鮮やかな ライムです。RGBでは rgb(102, 156, 56)、HSLでは hsl(92.4, 47.17%, 41.57%)、OKLCHでは oklch(63.351% 0.14361 133.146) です。

#669c38 に合う色は?

#669c38 の補色は #a86dc7 です。落ち着いた組み合わせにするなら、類似色の #9b8d00 と #00a471 を使いましょう。トライアドの組み合わせは #438cde と #d26071 です。

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

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

#669c38 は暖色と寒色のどちらですか?

#669c38 はニュートラルの色です。OKLCHでは色相 133度、明度 63.4%、クロマ 0.144 です。