カラーピッカーへ移動

カラーコード #eb96cb:やわらかな 明るいピンク

#eb96cb はRGBで rgb(235, 150, 203)、OKLCHで oklch(77.489% 0.12114 342.324) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

323°
100%

77.5%
0.121
342°
  • ピンク
  • 明るい
  • ソフト
  • 暖色系
  • ≈ プラム
  • pink-300
  • 黒 8%

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

白い文字
2.15:1読みにくい
Lc -47
黒い文字
9.76:1読みやすい · AA
Lc 62

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#eb96cb について

#eb96cb はやわらかな 明るいピンクです。OKLCHでは明度 77.5%、クロマ 0.121、色相 342° です。

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

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

最も近い名前のある色はプラム(#dda0dd)です。Tailwind CSSで最も近い色は pink-300 です。

ほかのピンク系の色(明るい)系の色

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

  1. eb96cb
  2. eea1d0
  3. f1abd5
  4. f3b6db
  5. f5c0e0
  6. f7cbe5
  7. f9d5ea
  8. fbe0ef
  9. fdeaf5
  10. fef5fa

暗く:#eb96cb に黒を混ぜる

  1. eb96cb
  2. cc82b0
  3. ae6e96
  4. 915b7d
  5. 754965
  6. 5b374d
  7. 412637
  8. 291622
  9. 13080f
  10. 030102

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

  1. eb96cb
  2. e69ac9
  3. e19dc7
  4. dca1c5
  5. d7a4c3
  6. d2a7c0
  7. cdaabe
  8. c7adbc
  9. c1b0ba
  10. bcb3b8

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

#eb96cb は何色ですか?

#eb96cb はやわらかな 明るいピンクです。最も近い名前のある色はやわらかな 明るいピンクです。RGBでは rgb(235, 150, 203)、HSLでは hsl(322.59, 68%, 75.49%)、OKLCHでは oklch(77.489% 0.12114 342.324) です。

#eb96cb に合う色は?

#eb96cb の補色は #64ce9e です。落ち着いた組み合わせにするなら、類似色の #d09fee と #f894a1 を使いましょう。トライアドの組み合わせは #c5b956 と #49c7ed です。

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

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

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

#eb96cb は暖色系の色です。OKLCHでは色相 342度、明度 77.5%、クロマ 0.121 です。