カラーピッカーへ移動

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

#738136 はRGBで rgb(115, 129, 54)、OKLCHで oklch(57.518% 0.10138 118.545) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

71°
100%

57.5%
0.101
119°
  • ライム
  • 中間
  • 鮮やか
  • ニュートラル
  • ≈ オリーブ
  • olive-500
  • 黒 49%

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

白い文字
4.27:1読みにくい
Lc -75
黒い文字
4.92:1読みやすい · AA
Lc 35

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#738136 について

#738136 は鮮やかな ライムです。OKLCHでは明度 57.5%、クロマ 0.101、色相 119° です。

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

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

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

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

明るく:#738136 に白を混ぜる

  1. 738136
  2. 808d4b
  3. 8d9960
  4. 9aa673
  5. a8b287
  6. b6bf9a
  7. c4cbae
  8. d3d8c2
  9. e1e5d6
  10. f0f2ea

暗く:#738136 に黒を混ぜる

  1. 738136
  2. 636f2e
  3. 545e25
  4. 454e1e
  5. 363e16
  6. 282e0f
  7. 1b1f08
  8. 0f1203
  9. 050601
  10. 010100

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

  1. 738136
  2. 73803f
  3. 748047
  4. 747f4e
  5. 757e55
  6. 767d5b
  7. 767d62
  8. 777c68
  9. 777b6d
  10. 787a73

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

#738136 は何色ですか?

#738136 は鮮やかな ライムです。最も近い名前のある色は鮮やかな ライムです。RGBでは rgb(115, 129, 54)、HSLでは hsl(71.2, 40.98%, 35.88%)、OKLCHでは oklch(57.518% 0.10138 118.545) です。

#738136 に合う色は?

#738136 の補色は #816bad です。落ち着いた組み合わせにするなら、類似色の #917526 と #4b8956 を使いましょう。トライアドの組み合わせは #3581ae と #a95e78 です。

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

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

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

#738136 はニュートラルの色です。OKLCHでは色相 119度、明度 57.5%、クロマ 0.101 です。