カラーピッカーへ移動

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

#db80ce はRGBで rgb(219, 128, 206)、OKLCHで oklch(72.305% 0.14837 332.389) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

309°
100%

72.3%
0.148
332°
  • マゼンタ
  • 明るい
  • ソフト
  • ニュートラル
  • ≈ オーキッド
  • pink-400
  • 黒 14%

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

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

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#db80ce について

#db80ce はやわらかな 明るいマゼンタです。OKLCHでは明度 72.3%、クロマ 0.148、色相 332° です。

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

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

最も近い名前のある色はオーキッド(#da70d6)です。Tailwind CSSで最も近い色は pink-400 です。

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

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

  1. db80ce
  2. e08dd3
  3. e49ad8
  4. e8a7dd
  5. ecb3e2
  6. f0c0e7
  7. f3cdec
  8. f6d9f1
  9. f9e6f6
  10. fcf2fa

暗く:#db80ce に黒を混ぜる

  1. db80ce
  2. be6eb3
  3. a25d98
  4. 874d7f
  5. 6d3d66
  6. 542e4e
  7. 3c1f38
  8. 261223
  9. 11060f
  10. 020102

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

  1. db80ce
  2. d685ca
  3. d189c6
  4. cc8dc2
  5. c791be
  6. c295ba
  7. bd98b6
  8. b79cb2
  9. b19fae
  10. aba2aa

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

#db80ce は何色ですか?

#db80ce はやわらかな 明るいマゼンタです。最も近い名前のある色はやわらかな 明るいマゼンタです。RGBでは rgb(219, 128, 206)、HSLでは hsl(308.57, 55.83%, 68.04%)、OKLCHでは oklch(72.305% 0.14837 332.389) です。

#db80ce に合う色は?

#db80ce の補色は #4ec076 です。落ち着いた組み合わせにするなら、類似色の #b88df2 と #f07a9e を使いましょう。トライアドの組み合わせは #c6a100 と #00bcdb です。

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

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

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

#db80ce はニュートラルの色です。OKLCHでは色相 332度、明度 72.3%、クロマ 0.148 です。