カラーピッカーへ移動

カラーコード #69964c:やわらかな ライム

#69964c はRGBで rgb(105, 150, 76)、OKLCHで oklch(62.276% 0.11465 134.35) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

96°
100%

62.3%
0.115
134°
  • ライム
  • 中間
  • ソフト
  • ニュートラル
  • ≈ オリーブ
  • emerald-600
  • 黒 41%

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

白い文字
3.46:1読みにくい
Lc -68
黒い文字
6.07:1読みやすい · AA
Lc 42

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#69964c について

#69964c はやわらかな ライムです。OKLCHでは明度 62.3%、クロマ 0.115、色相 134° です。

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

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

最も近い名前のある色はオリーブ(#808000)です。Tailwind CSSで最も近い色は emerald-600 です。

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

明るく:#69964c に白を混ぜる

  1. 69964c
  2. 77a05e
  3. 86ab70
  4. 95b582
  5. a3c093
  6. b2caa5
  7. c1d5b7
  8. d0dfc8
  9. e0eada
  10. eff4ed

暗く:#69964c に黒を混ぜる

  1. 69964c
  2. 5a8241
  3. 4c6e36
  4. 3e5b2c
  5. 314922
  6. 243718
  7. 18260f
  8. 0c1606
  9. 040802
  10. 000100

落ち着かせる:#69964c の彩度を下げる

  1. 69964c
  2. 6c9553
  3. 6f935a
  4. 739260
  5. 769166
  6. 798f6c
  7. 7c8d72
  8. 7e8c77
  9. 818a7c
  10. 848982

#69964c についてのよくある質問

#69964c は何色ですか?

#69964c はやわらかな ライムです。最も近い名前のある色はやわらかな ライムです。RGBでは rgb(105, 150, 76)、HSLでは hsl(96.49, 32.74%, 44.31%)、OKLCHでは oklch(62.276% 0.11465 134.35) です。

#69964c に合う色は?

#69964c の補色は #a071b7 です。落ち着いた組み合わせにするなら、類似色の #928a2a と #319c75 を使いましょう。トライアドの組み合わせは #5489cb と #c26871 です。

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

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

#69964c は暖色と寒色のどちらですか?

#69964c はニュートラルの色です。OKLCHでは色相 134度、明度 62.3%、クロマ 0.115 です。