カラーピッカーへ移動

カラーコード #db90ec:鮮やかな 明るいマゼンタ

#db90ec はRGBで rgb(219, 144, 236)、OKLCHで oklch(76.078% 0.14989 320.038) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

289°
100%

76.1%
0.150
320°
  • マゼンタ
  • 明るい
  • 鮮やか
  • ニュートラル
  • ≈ バイオレット
  • fuchsia-300
  • 黒 7%

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

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

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#db90ec について

#db90ec は鮮やかな 明るいマゼンタです。OKLCHでは明度 76.1%、クロマ 0.15、色相 320° です。

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

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

最も近い名前のある色はバイオレット(#ee82ee)です。Tailwind CSSで最も近い色は fuchsia-300 です。

ほかのマゼンタ系の色(明るい)

明るく:#db90ec に白を混ぜる

  1. db90ec
  2. df9cee
  3. e3a7f1
  4. e7b2f3
  5. ebbdf5
  6. eec8f7
  7. f2d3f9
  8. f5defa
  9. f9e9fc
  10. fcf4fe

暗く:#db90ec に黒を混ぜる

  1. db90ec
  2. be7dcd
  3. a26aaf
  4. 875792
  5. 6d4576
  6. 54345b
  7. 3c2442
  8. 261529
  9. 110713
  10. 020103

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

  1. db90ec
  2. d794e6
  3. d398e1
  4. cf9bdb
  5. cb9fd5
  6. c7a2cf
  7. c3a5c9
  8. bfa9c3
  9. baacbd
  10. b6aeb7

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

#db90ec は何色ですか?

#db90ec は鮮やかな 明るいマゼンタです。最も近い名前のある色は鮮やかな 明るいマゼンタです。RGBでは rgb(219, 144, 236)、HSLでは hsl(288.91, 70.77%, 74.51%)、OKLCHでは oklch(76.078% 0.14989 320.038) です。

#db90ec に合う色は?

#db90ec の補色は #7bc86a です。落ち着いた組み合わせにするなら、類似色の #b19fff と #f787bf を使いましょう。トライアドの組み合わせは #e3a521 と #00ccd6 です。

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

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

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

#db90ec はニュートラルの色です。OKLCHでは色相 320度、明度 76.1%、クロマ 0.15 です。