カラーピッカーへ移動

カラーコード #8a91c8:やわらかな インディゴ

#8a91c8 はRGBで rgb(138, 145, 200)、OKLCHで oklch(67.187% 0.08179 278.348) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

233°
100%

67.2%
0.082
278°
  • インディゴ
  • 中間
  • ソフト
  • 寒色系
  • ≈ スレートグレー
  • slate-400
  • 黒 22%

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

白い文字
3.02:1読みにくい
Lc -62
黒い文字
6.96:1読みやすい · AA
Lc 47

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#8a91c8 について

#8a91c8 はやわらかな インディゴです。OKLCHでは明度 67.2%、クロマ 0.082、色相 278° です。

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

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

最も近い名前のある色はスレートグレー(#708090)です。Tailwind CSSで最も近い色は slate-400 です。

ほかのインディゴ系の色(中間)

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

  1. 8a91c8
  2. 959cce
  3. a0a7d4
  4. abb1d9
  5. b7bcdf
  6. c3c7e4
  7. ced2ea
  8. daddef
  9. e6e8f5
  10. f3f4fa

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

  1. 8a91c8
  2. 777dae
  3. 656a94
  4. 53587b
  5. 424663
  6. 32354c
  7. 222536
  8. 141521
  9. 07070f
  10. 010102

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

  1. 8a91c8
  2. 8b92c3
  3. 8c92be
  4. 8d93b9
  5. 8e93b4
  6. 9094af
  7. 9194aa
  8. 9295a5
  9. 9395a0
  10. 94959b

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

#8a91c8 は何色ですか?

#8a91c8 はやわらかな インディゴです。最も近い名前のある色はやわらかな インディゴです。RGBでは rgb(138, 145, 200)、HSLでは hsl(233.23, 36.05%, 66.27%)、OKLCHでは oklch(67.187% 0.08179 278.348) です。

#8a91c8 に合う色は?

#8a91c8 の補色は #a3975a です。落ち着いた組み合わせにするなら、類似色の #6d9ac6 と #a488bd を使いましょう。トライアドの組み合わせは #c28471 と #69a583 です。

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

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

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

#8a91c8 は寒色系の色です。OKLCHでは色相 278度、明度 67.2%、クロマ 0.082 です。