カラーピッカーへ移動

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

#d798ea はRGBで rgb(215, 152, 234)、OKLCHで oklch(76.885% 0.13191 318.183) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

286°
100%

76.9%
0.132
318°
  • マゼンタ
  • 明るい
  • 鮮やか
  • ニュートラル
  • ≈ プラム
  • purple-300
  • 黒 8%

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

白い文字
2.19:1読みにくい
Lc -48
黒い文字
9.57:1読みやすい · AA
Lc 61

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#d798ea について

#d798ea は鮮やかな 明るいマゼンタです。OKLCHでは明度 76.9%、クロマ 0.132、色相 318° です。

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

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

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

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

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

  1. d798ea
  2. dba3ec
  3. dfadef
  4. e4b7f1
  5. e8c2f3
  6. ecccf6
  7. f0d6f8
  8. f4e0fa
  9. f7ebfc
  10. fbf5fd

暗く:#d798ea に黒を混ぜる

  1. d798ea
  2. bb84cb
  3. 9f70ae
  4. 855c91
  5. 6b4a75
  6. 52385a
  7. 3b2741
  8. 251729
  9. 110813
  10. 020103

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

  1. d798ea
  2. d49be5
  3. d09edf
  4. cda1da
  5. c9a4d5
  6. c6a7cf
  7. c2aaca
  8. bfacc5
  9. bbafbf
  10. b7b1b9

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

#d798ea は何色ですか?

#d798ea は鮮やかな 明るいマゼンタです。最も近い名前のある色は鮮やかな 明るいマゼンタです。RGBでは rgb(215, 152, 234)、HSLでは hsl(286.1, 66.13%, 75.69%)、OKLCHでは oklch(76.885% 0.13191 318.183) です。

#d798ea に合う色は?

#d798ea の補色は #89c873 です。落ち着いた組み合わせにするなら、類似色の #b0a5ff と #f190c2 を使いましょう。トライアドの組み合わせは #e1a945 と #00cdd2 です。

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

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

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

#d798ea はニュートラルの色です。OKLCHでは色相 318度、明度 76.9%、クロマ 0.132 です。