カラーピッカーへ移動

カラーコード #8eb503:鮮やかな 明るいライム

#8eb503 はRGBで rgb(142, 181, 3)、OKLCHで oklch(71.818% 0.17715 123.746) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

73°
100%

71.8%
0.177
124°
  • ライム
  • 明るい
  • 鮮やか
  • ニュートラル
  • ≈ ピスタチオ
  • lime-600
  • 黒 29%

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

白い文字
2.40:1読みにくい
Lc -52
黒い文字
8.76:1読みやすい · AA
Lc 57

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#8eb503 について

#8eb503 は鮮やかな 明るいライムです。OKLCHでは明度 71.8%、クロマ 0.177、色相 124° です。

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

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

最も近い名前のある色はピスタチオ(#93c572)です。Tailwind CSSで最も近い色は lime-600 です。

ほかのライム系の色(明るい)系の色

明るく:#8eb503 に白を混ぜる

  1. 8eb503
  2. 99bd3b
  3. a3c457
  4. aecc6f
  5. b9d485
  6. c5db9a
  7. d0e2af
  8. dceac3
  9. e7f1d7
  10. f3f8eb

暗く:#8eb503 に黒を混ぜる

  1. 8eb503
  2. 7b9d02
  3. 688602
  4. 566f01
  5. 445901
  6. 344400
  7. 243000
  8. 151d00
  9. 070c00
  10. 010200

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

  1. 8eb503
  2. 90b42f
  3. 92b244
  4. 94b155
  5. 96af63
  6. 99ae6f
  7. 9bac7b
  8. 9daa86
  9. 9fa890
  10. a2a69a

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

#8eb503 は何色ですか?

#8eb503 は鮮やかな 明るいライムです。最も近い名前のある色は鮮やかな 明るいライムです。RGBでは rgb(142, 181, 3)、HSLでは hsl(73.15, 96.74%, 36.08%)、OKLCHでは oklch(71.818% 0.17715 123.746) です。

#8eb503 に合う色は?

#8eb503 の補色は #bc84fd です。落ち着いた組み合わせにするなら、類似色の #c7a000 と #18c36e を使いましょう。トライアドの組み合わせは #00adff と #fb6d98 です。

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

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

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

#8eb503 はニュートラルの色です。OKLCHでは色相 124度、明度 71.8%、クロマ 0.177 です。