カラーピッカーへ移動

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

#998fec はRGBで rgb(153, 143, 236)、OKLCHで oklch(69.709% 0.13425 287.306) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

246°
100%

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

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

白い文字
2.80:1読みにくい
Lc -59
黒い文字
7.49:1読みやすい · AA
Lc 50

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#998fec について

#998fec は鮮やかな バイオレットです。OKLCHでは明度 69.7%、クロマ 0.134、色相 287° です。

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

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

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

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

明るく:#998fec に白を混ぜる

  1. 998fec
  2. a29aef
  3. aca6f1
  4. b6b1f4
  5. c0bcf6
  6. cac7f8
  7. d4d2fa
  8. dfdefb
  9. e9e9fd
  10. f4f4fe

暗く:#998fec に黒を混ぜる

  1. 998fec
  2. 847ccd
  3. 7069af
  4. 5d5792
  5. 4a4576
  6. 38345b
  7. 272442
  8. 171529
  9. 080713
  10. 010103

落ち着かせる:#998fec の彩度を下げる

  1. 998fec
  2. 9991e4
  3. 9993dd
  4. 9a95d5
  5. 9a96cd
  6. 9a98c6
  7. 9b99be
  8. 9b9ab6
  9. 9c9bae
  10. 9d9ca6

#998fec についてのよくある質問

#998fec は何色ですか?

#998fec は鮮やかな バイオレットです。最も近い名前のある色は鮮やかな バイオレットです。RGBでは rgb(153, 143, 236)、HSLでは hsl(246.45, 70.99%, 74.31%)、OKLCHでは oklch(69.709% 0.13425 287.306) です。

#998fec に合う色は?

#998fec の補色は #a7a32d です。落ち着いた組み合わせにするなら、類似色の #669ff0 と #bf81d4 を使いましょう。トライアドの組み合わせは #e0814f と #25b78c です。

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

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

#998fec は暖色と寒色のどちらですか?

#998fec は寒色系の色です。OKLCHでは色相 287度、明度 69.7%、クロマ 0.134 です。