カラーピッカーへ移動

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

#b05abf はRGBで rgb(176, 90, 191)、OKLCHで oklch(60.874% 0.1706 321.504) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

291°
100%

60.9%
0.171
322°
  • マゼンタ
  • 中間
  • ソフト
  • ニュートラル
  • ≈ アメジスト
  • purple-500
  • 黒 25%

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

白い文字
4.15:1読みにくい
Lc -74
黒い文字
5.06:1読みやすい · AA
Lc 36

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#b05abf について

#b05abf はやわらかな マゼンタです。OKLCHでは明度 60.9%、クロマ 0.171、色相 322° です。

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

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

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

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

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

  1. b05abf
  2. b96bc6
  3. c17ccd
  4. c98dd3
  5. d19dda
  6. d9ade1
  7. e1bee7
  8. e9ceed
  9. f0def3
  10. f8eff9

暗く:#b05abf に黒を混ぜる

  1. b05abf
  2. 994da6
  3. 82418d
  4. 6c3575
  5. 56295e
  6. 421e48
  7. 2e1333
  8. 1c091f
  9. 0b030d
  10. 010002

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

  1. b05abf
  2. ac60b9
  3. a865b3
  4. a369ae
  5. 9f6ea8
  6. 9b72a2
  7. 96759c
  8. 917996
  9. 8d7c8f
  10. 888089

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

#b05abf は何色ですか?

#b05abf はやわらかな マゼンタです。最も近い名前のある色はやわらかな マゼンタです。RGBでは rgb(176, 90, 191)、HSLでは hsl(291.09, 44.1%, 55.1%)、OKLCHでは oklch(60.874% 0.1706 321.504) です。

#b05abf に合う色は?

#b05abf の補色は #3a9b2e です。落ち着いた組み合わせにするなら、類似色の #866bdf と #cb4f8e を使いましょう。トライアドの組み合わせは #ae7700 と #0098a1 です。

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

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

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

#b05abf はニュートラルの色です。OKLCHでは色相 322度、明度 60.9%、クロマ 0.171 です。