カラーピッカーへ移動

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

#dd80da はRGBで rgb(221, 128, 218)、OKLCHで oklch(73.042% 0.16048 328.224) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

302°
100%

73%
0.160
328°
  • マゼンタ
  • 明るい
  • ソフト
  • ニュートラル
  • ≈ オーキッド
  • pink-400
  • 黒 13%

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

白い文字
2.57:1読みにくい
Lc -55
黒い文字
8.17:1読みやすい · AA
Lc 54

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#dd80da について

#dd80da はやわらかな 明るいマゼンタです。OKLCHでは明度 73%、クロマ 0.16、色相 328° です。

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

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

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

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

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

  1. dd80da
  2. e18dde
  3. e59ae2
  4. e9a7e6
  5. edb4ea
  6. f0c0ee
  7. f4cdf1
  8. f7daf5
  9. fae6f8
  10. fcf3fc

暗く:#dd80da に黒を混ぜる

  1. dd80da
  2. c06ebd
  3. a45da2
  4. 884d87
  5. 6e3d6c
  6. 552e54
  7. 3d1f3c
  8. 261225
  9. 110611
  10. 020102

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

  1. dd80da
  2. d885d5
  3. d38ad0
  4. ce8ecb
  5. c992c6
  6. c496c1
  7. bf9abc
  8. b99eb7
  9. b4a1b2
  10. aea4ad

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

#dd80da は何色ですか?

#dd80da はやわらかな 明るいマゼンタです。最も近い名前のある色はやわらかな 明るいマゼンタです。RGBでは rgb(221, 128, 218)、HSLでは hsl(301.94, 57.76%, 68.43%)、OKLCHでは oklch(73.042% 0.16048 328.224) です。

#dd80da に合う色は?

#dd80da の補色は #54c36b です。落ち着いた組み合わせにするなら、類似色の #b58ffe と #f578a7 を使いましょう。トライアドの組み合わせは #d1a000 と #00c0d7 です。

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

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

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

#dd80da はニュートラルの色です。OKLCHでは色相 328度、明度 73%、クロマ 0.16 です。