カラーピッカーへ移動

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

#b05798 はRGBで rgb(176, 87, 152)、OKLCHで oklch(58.602% 0.14057 338.554) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

316°
100%

58.6%
0.141
339°
  • マゼンタ
  • 中間
  • ソフト
  • ニュートラル
  • ≈ アメジスト
  • mauve-500
  • 黒 31%

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

白い文字
4.50:1読みやすい · AA
Lc -76
黒い文字
4.66:1読みやすい · AA
Lc 33

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#b05798 について

#b05798 はやわらかな マゼンタです。OKLCHでは明度 58.6%、クロマ 0.141、色相 339° です。

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

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

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

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

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

  1. b05798
  2. b968a2
  3. c279ac
  4. ca89b6
  5. d29ac1
  6. daabcb
  7. e2bbd5
  8. eacce0
  9. f1ddea
  10. f8eef4

暗く:#b05798 に黒を混ぜる

  1. b05798
  2. 994b84
  3. 823e70
  4. 6c335c
  5. 56274a
  6. 421c38
  7. 2e1227
  8. 1c0817
  9. 0b0308
  10. 010001

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

  1. b05798
  2. ab5c95
  3. a76093
  4. a26490
  5. 9d688d
  6. 986c8a
  7. 936f87
  8. 8d7385
  9. 887682
  10. 82797f

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

#b05798 は何色ですか?

#b05798 はやわらかな マゼンタです。最も近い名前のある色はやわらかな マゼンタです。RGBでは rgb(176, 87, 152)、HSLでは hsl(316.18, 36.03%, 51.57%)、OKLCHでは oklch(58.602% 0.14057 338.554) です。

#b05798 に合う色は?

#b05798 の補色は #00945c です。落ち着いた組み合わせにするなら、類似色の #9462bb と #bf536b を使いましょう。トライアドの組み合わせは #927b00 と #008cae です。

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

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

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

#b05798 はニュートラルの色です。OKLCHでは色相 339度、明度 58.6%、クロマ 0.141 です。