カラーピッカーへ移動

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

#e388ca はRGBで rgb(227, 136, 202)、OKLCHで oklch(74.313% 0.13757 337.897) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

316°
100%

74.3%
0.138
338°
  • マゼンタ
  • 明るい
  • ソフト
  • ニュートラル
  • ≈ プラム
  • pink-400
  • 黒 11%

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

白い文字
2.43:1読みにくい
Lc -53
黒い文字
8.64:1読みやすい · AA
Lc 56

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#e388ca について

#e388ca はやわらかな 明るいマゼンタです。OKLCHでは明度 74.3%、クロマ 0.138、色相 338° です。

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

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

最も近い名前のある色はプラム(#dda0dd)です。Tailwind CSSで最も近い色は pink-400 です。

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

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

  1. e388ca
  2. e794cf
  3. eaa0d5
  4. eeacda
  5. f1b8df
  6. f4c4e5
  7. f6d0ea
  8. f9dcef
  9. fbe7f5
  10. fdf3fa

暗く:#e388ca に黒を混ぜる

  1. e388ca
  2. c575af
  3. a86395
  4. 8c527c
  5. 714164
  6. 57314d
  7. 3f2237
  8. 271322
  9. 12060f
  10. 030102

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

  1. e388ca
  2. de8cc7
  3. d990c4
  4. d494c1
  5. cf98be
  6. c99bbb
  7. c49fb8
  8. bea2b5
  9. b8a5b2
  10. b2a9af

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

#e388ca は何色ですか?

#e388ca はやわらかな 明るいマゼンタです。最も近い名前のある色はやわらかな 明るいマゼンタです。RGBでは rgb(227, 136, 202)、HSLでは hsl(316.48, 61.9%, 71.18%)、OKLCHでは oklch(74.313% 0.13757 337.897) です。

#e388ca に合う色は?

#e388ca の補色は #51c68a です。落ち着いた組み合わせにするなら、類似色の #c493ee と #f4849b を使いましょう。トライアドの組み合わせは #c3ac32 と #00c0e5 です。

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

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

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

#e388ca はニュートラルの色です。OKLCHでは色相 338度、明度 74.3%、クロマ 0.138 です。