カラーピッカーへ移動

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

#daadde はRGBで rgb(218, 173, 222)、OKLCHで oklch(80.367% 0.08367 323.649) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

295°
100%

80.4%
0.084
324°
  • マゼンタ
  • 明るい
  • ソフト
  • ニュートラル
  • ≈ プラム
  • purple-300
  • 黒 13%

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

白い文字
1.91:1読みにくい
Lc -41
黒い文字
11.01:1読みやすい · AA
Lc 68

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#daadde について

#daadde はやわらかな 明るいマゼンタです。OKLCHでは明度 80.4%、クロマ 0.084、色相 324° です。

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

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

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

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

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

  1. daadde
  2. deb5e1
  3. e2bde5
  4. e5c5e8
  5. e9ceeb
  6. edd6ef
  7. f1def2
  8. f4e6f5
  9. f8eef9
  10. fbf7fc

暗く:#daadde に黒を混ぜる

  1. daadde
  2. bd96c1
  3. a27fa5
  4. 876a89
  5. 6c556f
  6. 544155
  7. 3c2d3d
  8. 251b26
  9. 110b12
  10. 020102

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

  1. daadde
  2. d7afdb
  3. d5b1d8
  4. d2b3d5
  5. cfb4d2
  6. cdb6cf
  7. cab8cb
  8. c7bac8
  9. c4bbc5
  10. c2bdc2

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

#daadde は何色ですか?

#daadde はやわらかな 明るいマゼンタです。最も近い名前のある色はやわらかな 明るいマゼンタです。RGBでは rgb(218, 173, 222)、HSLでは hsl(295.1, 42.61%, 77.45%)、OKLCHでは oklch(80.367% 0.08367 323.649) です。

#daadde に合う色は?

#daadde の補色は #9fcd9d です。落ち着いた組み合わせにするなら、類似色の #c1b5f0 と #eba9c3 を使いましょう。トライアドの組み合わせは #d9bb80 と #7acfd7 です。

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

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

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

#daadde はニュートラルの色です。OKLCHでは色相 324度、明度 80.4%、クロマ 0.084 です。