カラーピッカーへ移動

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

#c87fcc はRGBで rgb(200, 127, 204)、OKLCHで oklch(69.899% 0.13516 325.072) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

297°
100%

69.9%
0.135
325°
  • マゼンタ
  • 中間
  • ソフト
  • ニュートラル
  • ≈ オーキッド
  • purple-400
  • 黒 20%

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

白い文字
2.85:1読みにくい
Lc -60
黒い文字
7.36:1読みやすい · AA
Lc 50

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#c87fcc について

#c87fcc はやわらかな マゼンタです。OKLCHでは明度 69.9%、クロマ 0.135、色相 325° です。

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

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

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

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

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

  1. c87fcc
  2. ce8cd1
  3. d499d7
  4. daa6dc
  5. dfb2e1
  6. e5bfe6
  7. eacceb
  8. f0d8f0
  9. f5e5f5
  10. faf2fa

暗く:#c87fcc に黒を混ぜる

  1. c87fcc
  2. ae6eb1
  3. 945d97
  4. 7b4c7e
  5. 633c65
  6. 4c2d4e
  7. 361f37
  8. 211122
  9. 0f060f
  10. 020102

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

  1. c87fcc
  2. c483c8
  3. c086c3
  4. bc8abf
  5. b88dba
  6. b490b6
  7. b093b1
  8. ac96ac
  9. a799a8
  10. a39ba3

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

#c87fcc は何色ですか?

#c87fcc はやわらかな マゼンタです。最も近い名前のある色はやわらかな マゼンタです。RGBでは rgb(200, 127, 204)、HSLでは hsl(296.88, 43.02%, 64.9%)、OKLCHでは oklch(69.899% 0.13516 325.072) です。

#c87fcc に合う色は?

#c87fcc の補色は #63b468 です。落ち着いた組み合わせにするなら、類似色の #a58ce9 と #de78a2 を使いましょう。トライアドの組み合わせは #c4961f と #00b5c6 です。

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

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

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

#c87fcc はニュートラルの色です。OKLCHでは色相 325度、明度 69.9%、クロマ 0.135 です。