カラーピッカーへ移動

カラーコード #4e7635:やわらかな ライム

#4e7635 はRGBで rgb(78, 118, 53)、OKLCHで oklch(52.025% 0.1043 134.791) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

97°
100%

52%
0.104
135°
  • ライム
  • 中間
  • ソフト
  • ニュートラル
  • ≈ アボカド
  • lime-700
  • 黒 54%

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

白い文字
5.29:1読みやすい · AA
Lc -82
黒い文字
3.97:1読みにくい
Lc 28

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#4e7635 について

#4e7635 はやわらかな ライムです。OKLCHでは明度 52%、クロマ 0.104、色相 135° です。

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

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

最も近い名前のある色はアボカド(#568203)です。Tailwind CSSで最も近い色は lime-700 です。

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

明るく:#4e7635 に白を混ぜる

  1. 4e7635
  2. 5f8349
  3. 6f905d
  4. 809e70
  5. 92ab84
  6. a3b998
  7. b5c7ac
  8. c7d5c0
  9. dae3d5
  10. ecf1ea

暗く:#4e7635 に黒を混ぜる

  1. 4e7635
  2. 43662d
  3. 385625
  4. 2d471d
  5. 233815
  6. 19290e
  7. 0f1c08
  8. 070f03
  9. 020501
  10. 000100

落ち着かせる:#4e7635 の彩度を下げる

  1. 4e7635
  2. 51753b
  3. 547441
  4. 577347
  5. 5a714c
  6. 5c7052
  7. 5f6f56
  8. 616d5b
  9. 646c60
  10. 666a64

#4e7635 についてのよくある質問

#4e7635 は何色ですか?

#4e7635 はやわらかな ライムです。最も近い名前のある色はやわらかな ライムです。RGBでは rgb(78, 118, 53)、HSLでは hsl(96.92, 38.01%, 33.53%)、OKLCHでは oklch(52.025% 0.1043 134.791) です。

#4e7635 に合う色は?

#4e7635 の補色は #7f5592 です。落ち着いた組み合わせにするなら、類似色の #726c11 と #137b5a を使いましょう。トライアドの組み合わせは #3c6aa4 と #9c4d56 です。

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

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

#4e7635 は暖色と寒色のどちらですか?

#4e7635 はニュートラルの色です。OKLCHでは色相 135度、明度 52%、クロマ 0.104 です。