カラーピッカーへ移動

カラーコード #8a2b60:深みのある 暗いピンク

#8a2b60 はRGBで rgb(138, 43, 96)、OKLCHで oklch(44.895% 0.14027 349.807) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

327°
100%

44.9%
0.140
350°
  • ピンク
  • 暗い
  • 鮮やか
  • ディープ
  • 暖色系
  • ≈ チェリー
  • pink-900
  • 黒 46%

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

白い文字
8.09:1読みやすい · AA
Lc -92
黒い文字
2.60:1読みにくい
Lc 17

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#8a2b60 について

#8a2b60 は深みのある 暗いピンクです。OKLCHでは明度 44.9%、クロマ 0.14、色相 350° です。

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

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

最も近い名前のある色はチェリー(#911e42)です。Tailwind CSSで最も近い色は pink-900 です。

ほかのピンク系の色(暗い)

明るく:#8a2b60 に白を混ぜる

  1. 8a2b60
  2. 97426f
  3. a4577e
  4. b16b8d
  5. bd809c
  6. c994ac
  7. d4a9bc
  8. dfbecd
  9. ead4dd
  10. f5e9ee

暗く:#8a2b60 に黒を混ぜる

  1. 8a2b60
  2. 772452
  3. 651d45
  4. 531638
  5. 42102c
  6. 320a20
  7. 220515
  8. 14020a
  9. 070103
  10. 010000

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

  1. 8a2b60
  2. 86315f
  3. 81375e
  4. 7c3c5d
  5. 77405c
  6. 72445b
  7. 6d4859
  8. 674c58
  9. 624f57
  10. 5b5256

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

#8a2b60 は何色ですか?

#8a2b60 は深みのある 暗いピンクです。最も近い名前のある色は深みのある 暗いピンクです。RGBでは rgb(138, 43, 96)、HSLでは hsl(326.53, 52.49%, 35.49%)、OKLCHでは oklch(44.895% 0.14027 349.807) です。

#8a2b60 に合う色は?

#8a2b60 の補色は #00684b です。落ち着いた組み合わせにするなら、類似色の #763584 と #932933 を使いましょう。トライアドの組み合わせは #5a5900 と #005f87 です。

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

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

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

#8a2b60 は暖色系の色です。OKLCHでは色相 350度、明度 44.9%、クロマ 0.14 です。