カラーピッカーへ移動

カラーコード #d16fbc:やわらかな マゼンタ

#d16fbc はRGBで rgb(209, 111, 188)、OKLCHで oklch(67.827% 0.15464 335.764) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

313°
100%

67.8%
0.155
336°
  • マゼンタ
  • 中間
  • ソフト
  • ニュートラル
  • ≈ オーキッド
  • pink-400
  • 黒 18%

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

白い文字
3.13:1読みにくい
Lc -63
黒い文字
6.71:1読みやすい · AA
Lc 46

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#d16fbc について

#d16fbc はやわらかな マゼンタです。OKLCHでは明度 67.8%、クロマ 0.155、色相 336° です。

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

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

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

ほかのマゼンタ系の色(中間)系の色

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

  1. d16fbc
  2. d77ec3
  3. dc8dca
  4. e19bd0
  5. e6a9d7
  6. ebb8de
  7. f0c6e4
  8. f4d4eb
  9. f8e2f2
  10. fcf1f8

暗く:#d16fbc に黒を混ぜる

  1. d16fbc
  2. b560a3
  3. 9b518b
  4. 814273
  5. 68345d
  6. 502747
  7. 391a32
  8. 230e1f
  9. 10040d
  10. 020102

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

  1. d16fbc
  2. cc74b8
  3. c779b5
  4. c27db1
  5. bc82ae
  6. b686aa
  7. b18aa7
  8. ab8da3
  9. a5919f
  10. 9e949b

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

#d16fbc は何色ですか?

#d16fbc はやわらかな マゼンタです。最も近い名前のある色はやわらかな マゼンタです。RGBでは rgb(209, 111, 188)、HSLでは hsl(312.86, 51.58%, 62.75%)、OKLCHでは oklch(67.827% 0.15464 335.764) です。

#d16fbc に合う色は?

#d16fbc の補色は #26b36d です。落ち着いた組み合わせにするなら、類似色の #af7ce3 と #e46a89 を使いましょう。トライアドの組み合わせは #b59500 と #00acce です。

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

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

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

#d16fbc はニュートラルの色です。OKLCHでは色相 336度、明度 67.8%、クロマ 0.155 です。