カラーピッカーへ移動

カラーコード #a080aa:スモーキーな マゼンタ

#a080aa はRGBで rgb(160, 128, 170)、OKLCHで oklch(64.454% 0.07135 318.031) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

286°
100%

64.5%
0.071
318°
  • マゼンタ
  • 中間
  • くすみ
  • スモーキー
  • ニュートラル
  • ≈ 灰色
  • zinc-400
  • 黒 33%

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

白い文字
3.41:1読みにくい
Lc -67
黒い文字
6.16:1読みやすい · AA
Lc 43

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#a080aa について

#a080aa はスモーキーな マゼンタです。OKLCHでは明度 64.5%、クロマ 0.071、色相 318° です。

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

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

最も近い名前のある色は灰色(#808080)です。Tailwind CSSで最も近い色は zinc-400 です。

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

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

  1. a080aa
  2. a98cb2
  3. b398bb
  4. bca5c3
  5. c5b1cc
  6. cfbed4
  7. d8cbdd
  8. e2d8e5
  9. ece5ee
  10. f5f2f6

暗く:#a080aa に黒を混ぜる

  1. a080aa
  2. 8b6e93
  3. 765d7d
  4. 614d68
  5. 4e3d53
  6. 3b2e3f
  7. 291f2d
  8. 19121b
  9. 09060b
  10. 010101

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

  1. a080aa
  2. 9e81a7
  3. 9c83a4
  4. 9b84a2
  5. 99869f
  6. 97879c
  7. 958899
  8. 938a96
  9. 918b93
  10. 8f8c90

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

#a080aa は何色ですか?

#a080aa はスモーキーな マゼンタです。最も近い名前のある色はスモーキーな マゼンタです。RGBでは rgb(160, 128, 170)、HSLでは hsl(285.71, 19.81%, 58.43%)、OKLCHでは oklch(64.454% 0.07135 318.031) です。

#a080aa に合う色は?

#a080aa の補色は #78986e です。落ち着いた組み合わせにするなら、類似色の #8b87b7 と #af7c95 を使いましょう。トライアドの組み合わせは #a6885b と #549b9d です。

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

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

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

#a080aa はニュートラルの色です。OKLCHでは色相 318度、明度 64.5%、クロマ 0.071 です。