カラーピッカーへ移動

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

#c07aaa はRGBで rgb(192, 122, 170)、OKLCHで oklch(66.804% 0.10694 339.341) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

319°
100%

66.8%
0.107
339°
  • マゼンタ
  • 中間
  • ソフト
  • ニュートラル
  • ≈ ブラッシュピンク
  • mauve-400
  • 黒 25%

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

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

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#c07aaa について

#c07aaa はやわらかな マゼンタです。OKLCHでは明度 66.8%、クロマ 0.107、色相 339° です。

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

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

最も近い名前のある色はブラッシュピンク(#de5d83)です。Tailwind CSSで最も近い色は mauve-400 です。

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

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

  1. c07aaa
  2. c787b2
  3. ce94bb
  4. d4a1c3
  5. dbaecc
  6. e1bcd4
  7. e7c9dd
  8. eed6e5
  9. f3e4ee
  10. f9f1f6

暗く:#c07aaa に黒を混ぜる

  1. c07aaa
  2. a76993
  3. 8e597d
  4. 764968
  5. 5f3a53
  6. 492b3f
  7. 341d2d
  8. 20101b
  9. 0e050b
  10. 020101

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

  1. c07aaa
  2. bc7da8
  3. b880a6
  4. b483a4
  5. b086a2
  6. ac889f
  7. a78b9d
  8. a38d9b
  9. 9e9099
  10. 999297

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

#c07aaa は何色ですか?

#c07aaa はやわらかな マゼンタです。最も近い名前のある色はやわらかな マゼンタです。RGBでは rgb(192, 122, 170)、HSLでは hsl(318.86, 35.71%, 61.57%)、OKLCHでは oklch(66.804% 0.10694 339.341) です。

#c07aaa に合う色は?

#c07aaa の補色は #53a97d です。落ち着いた組み合わせにするなら、類似色の #a882c6 と #cd7886 を使いましょう。トライアドの組み合わせは #a59641 と #32a4c1 です。

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

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

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

#c07aaa はニュートラルの色です。OKLCHでは色相 339度、明度 66.8%、クロマ 0.107 です。