カラーピッカーへ移動

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

#c968de はRGBで rgb(201, 104, 222)、OKLCHで oklch(67.451% 0.19174 320.242) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

289°
100%

67.5%
0.192
320°
  • マゼンタ
  • 中間
  • ソフト
  • ニュートラル
  • ≈ オーキッド
  • purple-400
  • 黒 13%

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

白い文字
3.22:1読みにくい
Lc -64
黒い文字
6.52:1読みやすい · AA
Lc 45

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#c968de について

#c968de はやわらかな マゼンタです。OKLCHでは明度 67.5%、クロマ 0.192、色相 320° です。

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

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

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

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

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

  1. c968de
  2. cf79e2
  3. d588e6
  4. db98ea
  5. e1a7ed
  6. e6b6f1
  7. ebc4f4
  8. f1d3f7
  9. f6e2fa
  10. faf0fc

暗く:#c968de に黒を混ぜる

  1. c968de
  2. ae59c1
  3. 954ba5
  4. 7c3e89
  5. 64306f
  6. 4c2455
  7. 36183d
  8. 220c26
  9. 0f0412
  10. 020002

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

  1. c968de
  2. c46ed7
  3. c074d0
  4. bb79c9
  5. b67ec2
  6. b183bb
  7. ac87b4
  8. a78bad
  9. a28fa6
  10. 9c939e

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

#c968de は何色ですか?

#c968de はやわらかな マゼンタです。最も近い名前のある色はやわらかな マゼンタです。RGBでは rgb(201, 104, 222)、HSLでは hsl(289.32, 64.13%, 63.92%)、OKLCHでは oklch(67.451% 0.19174 320.242) です。

#c968de に合う色は?

#c968de の補色は #48b12f です。落ち着いた組み合わせにするなら、類似色の #987bff と #e85aa6 を使いましょう。トライアドの組み合わせは #c88900 と #00aeb7 です。

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

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

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

#c968de はニュートラルの色です。OKLCHでは色相 320度、明度 67.5%、クロマ 0.192 です。