カラーピッカーへ移動

カラーコード #e987cd:やわらかな 明るいマゼンタ

#e987cd はRGBで rgb(233, 135, 205)、OKLCHで oklch(74.972% 0.14653 338.584) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

317°
100%

75%
0.147
339°
  • マゼンタ
  • 明るい
  • ソフト
  • ニュートラル
  • ≈ バイオレット
  • pink-400
  • 黒 9%

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

白い文字
2.38:1読みにくい
Lc -52
黒い文字
8.81:1読みやすい · AA
Lc 57

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#e987cd について

#e987cd はやわらかな 明るいマゼンタです。OKLCHでは明度 75%、クロマ 0.147、色相 339° です。

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

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

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

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

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

  1. e987cd
  2. ec93d2
  3. efa0d7
  4. f2acdc
  5. f5b8e1
  6. f7c4e6
  7. f9d0eb
  8. fbdbf0
  9. fde7f5
  10. fef3fa

暗く:#e987cd に黒を混ぜる

  1. e987cd
  2. cb75b2
  3. ad6398
  4. 90517e
  5. 744166
  6. 5a314e
  7. 412138
  8. 291323
  9. 13060f
  10. 030102

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

  1. e987cd
  2. e48cca
  3. de90c7
  4. d994c4
  5. d398c1
  6. cd9cbe
  7. c8a0bb
  8. c1a4b7
  9. bba7b4
  10. b4aab1

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

#e987cd は何色ですか?

#e987cd はやわらかな 明るいマゼンタです。最も近い名前のある色はやわらかな 明るいマゼンタです。RGBでは rgb(233, 135, 205)、HSLでは hsl(317.14, 69.01%, 72.16%)、OKLCHでは oklch(74.972% 0.14653 338.584) です。

#e987cd に合う色は?

#e987cd の補色は #47c98b です。落ち着いた組み合わせにするなら、類似色の #c893f4 と #fb839b を使いましょう。トライアドの組み合わせは #c6ae23 と #00c2ec です。

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

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

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

#e987cd はニュートラルの色です。OKLCHでは色相 339度、明度 75%、クロマ 0.147 です。