カラーピッカーへ移動

カラーコード #987bec:鮮やかな バイオレット

#987bec はRGBで rgb(152, 123, 236)、OKLCHで oklch(66.021% 0.16391 293.204) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

255°
100%

66%
0.164
293°
  • バイオレット
  • 中間
  • 鮮やか
  • 寒色系
  • ≈ アメジスト
  • violet-400
  • 黒 7%

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

白い文字
3.29:1読みにくい
Lc -66
黒い文字
6.38:1読みやすい · AA
Lc 44

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#987bec について

#987bec は鮮やかな バイオレットです。OKLCHでは明度 66%、クロマ 0.164、色相 293° です。

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

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

最も近い名前のある色はアメジスト(#9966cc)です。Tailwind CSSで最も近い色は violet-400 です。

ほかのバイオレット系の色(中間)

明るく:#987bec に白を混ぜる

  1. 987bec
  2. a189ef
  3. ab96f2
  4. b5a4f4
  5. bfb1f6
  6. c9bef8
  7. d3cbfa
  8. ded8fc
  9. e9e5fd
  10. f4f2fe

暗く:#987bec に黒を混ぜる

  1. 987bec
  2. 846acd
  3. 705aaf
  4. 5c4a92
  5. 4a3a76
  6. 382c5b
  7. 271e42
  8. 171029
  9. 080513
  10. 010103

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

  1. 987bec
  2. 977ee3
  3. 9681db
  4. 9584d2
  5. 9587c9
  6. 9489c0
  7. 938bb7
  8. 938dae
  9. 938fa5
  10. 92919c

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

#987bec は何色ですか?

#987bec は鮮やかな バイオレットです。最も近い名前のある色は鮮やかな バイオレットです。RGBでは rgb(152, 123, 236)、HSLでは hsl(255.4, 74.83%, 70.39%)、OKLCHでは oklch(66.021% 0.16391 293.204) です。

#987bec に合う色は?

#987bec の補色は #949b00 です。落ち着いた組み合わせにするなら、類似色の #5c8ef6 と #c16bcb を使いましょう。トライアドの組み合わせは #dd700c と #00ae8a です。

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

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

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

#987bec は寒色系の色です。OKLCHでは色相 293度、明度 66%、クロマ 0.164 です。