カラーピッカーへ移動

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

#839dfd はRGBで rgb(131, 157, 253)、OKLCHで oklch(71.74% 0.14311 270.976) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

227°
100%

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

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

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

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#839dfd について

#839dfd は鮮やかな 明るいインディゴです。OKLCHでは明度 71.7%、クロマ 0.143、色相 271° です。

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

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

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

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

明るく:#839dfd に白を混ぜる

  1. 839dfd
  2. 8fa7fe
  3. 9ab1ff
  4. a6bbff
  5. b3c5ff
  6. bfcfff
  7. cbd9ff
  8. d8e2ff
  9. e5ecff
  10. f2f5ff

暗く:#839dfd に黒を混ぜる

  1. 839dfd
  2. 7188dc
  3. 6073bc
  4. 4f5f9d
  5. 3f4c7f
  6. 2f3a62
  7. 202847
  8. 12182d
  9. 060916
  10. 010103

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

  1. 839dfd
  2. 869ef4
  3. 899fec
  4. 8ca0e3
  5. 90a1da
  6. 93a2d1
  7. 96a2c8
  8. 9aa3bf
  9. 9da3b6
  10. a0a3ad

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

#839dfd は何色ですか?

#839dfd は鮮やかな 明るいインディゴです。最も近い名前のある色は鮮やかな 明るいインディゴです。RGBでは rgb(131, 157, 253)、HSLでは hsl(227.21, 96.83%, 75.29%)、OKLCHでは oklch(71.74% 0.14311 270.976) です。

#839dfd に合う色は?

#839dfd の補色は #c59f13 です。落ち着いた組み合わせにするなら、類似色の #3dadf4 と #b38def を使いましょう。トライアドの組み合わせは #f07e6b と #55bd74 です。

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

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

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

#839dfd は寒色系の色です。OKLCHでは色相 271度、明度 71.7%、クロマ 0.143 です。