カラーピッカーへ移動

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

#c46bbf はRGBで rgb(196, 107, 191)、OKLCHで oklch(65.769% 0.15458 329.236) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

303°
100%

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

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

白い文字
3.39:1読みにくい
Lc -66
黒い文字
6.20:1読みやすい · AA
Lc 43

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#c46bbf について

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

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

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

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

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

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

  1. c46bbf
  2. cb7ac6
  3. d189cc
  4. d898d3
  5. dea7d9
  6. e4b5e0
  7. eac4e6
  8. efd3ec
  9. f5e1f3
  10. faf0f9

暗く:#c46bbf に黒を混ぜる

  1. c46bbf
  2. aa5ca6
  3. 914e8d
  4. 783f75
  5. 61325e
  6. 4a2548
  7. 351833
  8. 210d1f
  9. 0e040d
  10. 020002

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

  1. c46bbf
  2. bf70bb
  3. bb74b6
  4. b679b2
  5. b17dad
  6. ac81a9
  7. a784a4
  8. a288a0
  9. 9d8b9b
  10. 978e96

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

#c46bbf は何色ですか?

#c46bbf はやわらかな マゼンタです。最も近い名前のある色はやわらかな マゼンタです。RGBでは rgb(196, 107, 191)、HSLでは hsl(303.37, 43%, 59.41%)、OKLCHでは oklch(65.769% 0.15458 329.236) です。

#c46bbf に合う色は?

#c46bbf の補色は #3bab5a です。落ち着いた組み合わせにするなら、類似色の #a079e2 と #da648f を使いましょう。トライアドの組み合わせは #b78b00 と #00a6bd です。

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

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

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

#c46bbf はニュートラルの色です。OKLCHでは色相 329度、明度 65.8%、クロマ 0.155 です。