カラーピッカーへ移動

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

#984e8a はRGBで rgb(152, 78, 138)、OKLCHで oklch(53.474% 0.12538 334.725) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

311°
100%

53.5%
0.125
335°
  • マゼンタ
  • 中間
  • ソフト
  • ニュートラル
  • ≈ マルサラ
  • mauve-500
  • 黒 40%

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

白い文字
5.54:1読みやすい · AA
Lc -83
黒い文字
3.79:1読みにくい
Lc 27

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#984e8a について

#984e8a はやわらかな マゼンタです。OKLCHでは明度 53.5%、クロマ 0.125、色相 335° です。

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

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

最も近い名前のある色はマルサラ(#964f4c)です。Tailwind CSSで最も近い色は mauve-500 です。

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

明るく:#984e8a に白を混ぜる

  1. 984e8a
  2. a35f95
  3. ae71a1
  4. b882ac
  5. c393b8
  6. cda5c4
  7. d7b7cf
  8. e2c8db
  9. ebdae7
  10. f5edf3

暗く:#984e8a に黒を混ぜる

  1. 984e8a
  2. 844377
  3. 703865
  4. 5c2d53
  5. 4a2342
  6. 381932
  7. 270f22
  8. 170714
  9. 080207
  10. 010001

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

  1. 984e8a
  2. 945287
  3. 905684
  4. 8c5982
  5. 885c7f
  6. 845f7c
  7. 806279
  8. 7b6576
  9. 776873
  10. 726b70

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

#984e8a は何色ですか?

#984e8a はやわらかな マゼンタです。最も近い名前のある色はやわらかな マゼンタです。RGBでは rgb(152, 78, 138)、HSLでは hsl(311.35, 32.17%, 45.1%)、OKLCHでは oklch(53.474% 0.12538 334.725) です。

#984e8a に合う色は?

#984e8a の補色は #16824b です。落ち着いた組み合わせにするなら、類似色の #7e58a7 と #a74a64 を使いましょう。トライアドの組み合わせは #846b00 と #007d96 です。

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

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

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

#984e8a はニュートラルの色です。OKLCHでは色相 335度、明度 53.5%、クロマ 0.125 です。