カラーピッカーへ移動

カラーコード #aa467d:やわらかな ピンク

#aa467d はRGBで rgb(170, 70, 125)、OKLCHで oklch(54.324% 0.14488 348.867) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

327°
100%

54.3%
0.145
349°
  • ピンク
  • 中間
  • ソフト
  • 暖色系
  • ≈ マルサラ
  • pink-700
  • 黒 33%

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

白い文字
5.41:1読みやすい · AA
Lc -82
黒い文字
3.88:1読みにくい
Lc 28

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#aa467d について

#aa467d はやわらかな ピンクです。OKLCHでは明度 54.3%、クロマ 0.145、色相 349° です。

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

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

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

ほかのピンク系の色(中間)

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

  1. aa467d
  2. b45989
  3. be6c96
  4. c77ea2
  5. d090af
  6. d9a2bc
  7. e1b5c9
  8. e9c7d6
  9. f1d9e4
  10. f8ecf1

暗く:#aa467d に黒を混ぜる

  1. aa467d
  2. 933c6c
  3. 7d325b
  4. 68284b
  5. 531e3b
  6. 3f152c
  7. 2d0d1e
  8. 1b0511
  9. 0b0205
  10. 010001

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

  1. aa467d
  2. a54c7c
  3. a0517a
  4. 9b5679
  5. 955a78
  6. 905e76
  7. 8a6275
  8. 846674
  9. 7d6972
  10. 776c71

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

#aa467d は何色ですか?

#aa467d はやわらかな ピンクです。最も近い名前のある色はやわらかな ピンクです。RGBでは rgb(170, 70, 125)、HSLでは hsl(327, 41.67%, 47.06%)、OKLCHでは oklch(54.324% 0.14488 348.867) です。

#aa467d に合う色は?

#aa467d の補色は #008762 です。落ち着いた組み合わせにするなら、類似色の #9350a4 と #b4454d を使いましょう。トライアドの組み合わせは #777400 と #007cab です。

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

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

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

#aa467d は暖色系の色です。OKLCHでは色相 349度、明度 54.3%、クロマ 0.145 です。