カラーピッカーへ移動

カラーコード #a287c1:やわらかな パープル

#a287c1 はRGBで rgb(162, 135, 193)、OKLCHで oklch(66.932% 0.08896 305.409) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

268°
100%

66.9%
0.089
305°
  • パープル
  • 中間
  • ソフト
  • ニュートラル
  • ≈ アメジスト
  • slate-400
  • 黒 24%

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

白い文字
3.10:1読みにくい
Lc -63
黒い文字
6.77:1読みやすい · AA
Lc 46

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#a287c1 について

#a287c1 はやわらかな パープルです。OKLCHでは明度 66.9%、クロマ 0.089、色相 305° です。

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

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

最も近い名前のある色はアメジスト(#9966cc)です。Tailwind CSSで最も近い色は slate-400 です。

ほかのパープル系の色(中間)系の色

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

  1. a287c1
  2. ab93c7
  3. b49ece
  4. bdaad4
  5. c6b6da
  6. d0c2e1
  7. d9cee7
  8. e2daed
  9. ece6f3
  10. f5f3f9

暗く:#a287c1 に黒を混ぜる

  1. a287c1
  2. 8c75a7
  3. 77638f
  4. 635177
  5. 4f415f
  6. 3c3149
  7. 2a2134
  8. 191320
  9. 0a060e
  10. 010102

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

  1. a287c1
  2. a189bd
  3. 9f8ab8
  4. 9e8cb4
  5. 9d8db0
  6. 9b8eab
  7. 9a90a7
  8. 9991a3
  9. 97929e
  10. 969499

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

#a287c1 は何色ですか?

#a287c1 はやわらかな パープルです。最も近い名前のある色はやわらかな パープルです。RGBでは rgb(162, 135, 193)、HSLでは hsl(267.93, 31.87%, 64.31%)、OKLCHでは oklch(66.932% 0.08896 305.409) です。

#a287c1 に合う色は?

#a287c1 の補色は #889f61 です。落ち着いた組み合わせにするなら、類似色の #8591cc と #b880aa を使いましょう。トライアドの組み合わせは #bb8a58 と #4ba79d です。

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

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

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

#a287c1 はニュートラルの色です。OKLCHでは色相 305度、明度 66.9%、クロマ 0.089 です。