カラーピッカーへ移動

カラーコード #ff8aeb:鮮やかな 明るいマゼンタ

#ff8aeb はRGBで rgb(255, 138, 235)、OKLCHで oklch(79.189% 0.18192 333.863) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

310°
100%

79.2%
0.182
334°
  • マゼンタ
  • 明るい
  • 鮮やか
  • ニュートラル
  • ≈ すみれ色
  • fuchsia-300
  • 黒 0%

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

白い文字
2.08:1読みにくい
Lc -45
黒い文字
10.09:1読みやすい · AA
Lc 64

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#ff8aeb について

#ff8aeb は鮮やかな 明るいマゼンタです。OKLCHでは明度 79.2%、クロマ 0.182、色相 334° です。

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

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

最も近い名前のある色はすみれ色(#ee82ee)です。Tailwind CSSで最も近い色は fuchsia-300 です。

ほかのマゼンタ系の色(明るい)系の色

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

  1. ff8aeb
  2. ff97ed
  3. ffa3f0
  4. ffaff2
  5. ffbbf4
  6. ffc7f6
  7. ffd2f8
  8. ffddfa
  9. ffe9fc
  10. fff4fd

暗く:#ff8aeb に黒を混ぜる

  1. ff8aeb
  2. de77cc
  3. be65ae
  4. 9e5391
  5. 804275
  6. 63325b
  7. 482241
  8. 2e1429
  9. 160713
  10. 030103

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

  1. ff8aeb
  2. f990e6
  3. f396e2
  4. ed9bdd
  5. e6a1d8
  6. e0a5d4
  7. d9aacf
  8. d2afca
  9. cab3c5
  10. c3b7c0

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

#ff8aeb は何色ですか?

#ff8aeb は鮮やかな 明るいマゼンタです。最も近い名前のある色は鮮やかな 明るいマゼンタです。RGBでは rgb(255, 138, 235)、HSLでは hsl(310.26, 100%, 77.06%)、OKLCHでは oklch(79.189% 0.18192 333.863) です。

#ff8aeb に合う色は?

#ff8aeb の補色は #3bdc83 です。落ち着いた組み合わせにするなら、類似色の #d1a0ff と #ff8eb0 を使いましょう。トライアドの組み合わせは #e2b700 と #00d4f9 です。

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

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

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

#ff8aeb はニュートラルの色です。OKLCHでは色相 334度、明度 79.2%、クロマ 0.182 です。