カラーピッカーへ移動

カラーコード #8d9dfd:鮮やかな 明るいインディゴ

#8d9dfd はRGBで rgb(141, 157, 253)、OKLCHで oklch(72.392% 0.14042 275.166) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

231°
100%

72.4%
0.140
275°
  • インディゴ
  • 明るい
  • 鮮やか
  • 寒色系
  • ≈ ライラック
  • blue-400
  • 黒 1%

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

白い文字
2.51:1読みにくい
Lc -54
黒い文字
8.37:1読みやすい · AA
Lc 55

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#8d9dfd について

#8d9dfd は鮮やかな 明るいインディゴです。OKLCHでは明度 72.4%、クロマ 0.14、色相 275° です。

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

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

最も近い名前のある色はライラック(#c8a2c8)です。Tailwind CSSで最も近い色は blue-400 です。

ほかのインディゴ系の色(明るい)

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

  1. 8d9dfd
  2. 98a7fe
  3. a2b1ff
  4. adbbff
  5. b8c5ff
  6. c4cfff
  7. cfd8ff
  8. dbe2ff
  9. e7ecff
  10. f3f5ff

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

  1. 8d9dfd
  2. 7a88dc
  3. 6773bc
  4. 555f9d
  5. 444c7f
  6. 333a62
  7. 232847
  8. 14182d
  9. 070916
  10. 010103

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

  1. 8d9dfd
  2. 8f9ef5
  3. 91a0ec
  4. 94a1e4
  5. 96a2db
  6. 99a3d2
  7. 9ba4ca
  8. 9ea4c1
  9. a0a5b8
  10. a3a5af

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

#8d9dfd は何色ですか?

#8d9dfd は鮮やかな 明るいインディゴです。最も近い名前のある色は鮮やかな 明るいインディゴです。RGBでは rgb(141, 157, 253)、HSLでは hsl(231.43, 96.55%, 77.25%)、OKLCHでは oklch(72.392% 0.14042 275.166) です。

#8d9dfd に合う色は?

#8d9dfd の補色は #c1a421 です。落ち着いた組み合わせにするなら、類似色の #4eadf8 と #bb8dec を使いましょう。トライアドの組み合わせは #f08367 と #4ebf7e です。

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

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

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

#8d9dfd は寒色系の色です。OKLCHでは色相 275度、明度 72.4%、クロマ 0.14 です。