カラーピッカーへ移動

カラーコード #697c42:やわらかな ライム

#697c42 はRGBで rgb(105, 124, 66)、OKLCHで oklch(55.667% 0.08528 124.001) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

80°
100%

55.7%
0.085
124°
  • ライム
  • 中間
  • ソフト
  • ニュートラル
  • ≈ オリーブ
  • olive-500
  • 黒 51%

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

白い文字
4.60:1読みやすい · AA
Lc -77
黒い文字
4.56:1読みやすい · AA
Lc 32

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#697c42 について

#697c42 はやわらかな ライムです。OKLCHでは明度 55.7%、クロマ 0.085、色相 124° です。

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

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

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

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

明るく:#697c42 に白を混ぜる

  1. 697c42
  2. 778955
  3. 859567
  4. 93a279
  5. a2af8c
  6. b1bc9e
  7. c0c9b1
  8. cfd6c4
  9. dfe4d8
  10. eff1eb

暗く:#697c42 に黒を混ぜる

  1. 697c42
  2. 5a6b38
  3. 4c5a2f
  4. 3e4a25
  5. 313b1c
  6. 242c14
  7. 181e0b
  8. 0c1105
  9. 040501
  10. 000100

落ち着かせる:#697c42 の彩度を下げる

  1. 697c42
  2. 6a7b48
  3. 6b7b4d
  4. 6c7a53
  5. 6d7958
  6. 6e785d
  7. 6f7761
  8. 707666
  9. 71756b
  10. 72746f

#697c42 についてのよくある質問

#697c42 は何色ですか?

#697c42 はやわらかな ライムです。最も近い名前のある色はやわらかな ライムです。RGBでは rgb(105, 124, 66)、HSLでは hsl(79.66, 30.53%, 37.25%)、OKLCHでは oklch(55.667% 0.08528 124.001) です。

#697c42 に合う色は?

#697c42 の補色は #7e679c です。落ち着いた組み合わせにするなら、類似色の #847334 と #48825c を使いましょう。トライアドの組み合わせは #4579a2 と #9d5e6e です。

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

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

#697c42 は暖色と寒色のどちらですか?

#697c42 はニュートラルの色です。OKLCHでは色相 124度、明度 55.7%、クロマ 0.085 です。