カラーピッカーへ移動

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

#e997ba はRGBで rgb(233, 151, 186)、OKLCHで oklch(76.865% 0.10703 352.727) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

334°
100%

76.9%
0.107
353°
  • ピンク
  • 明るい
  • ソフト
  • 暖色系
  • ≈ プラム
  • rose-300
  • 黒 9%

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

白い文字
2.19:1読みにくい
Lc -48
黒い文字
9.60:1読みやすい · AA
Lc 61

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#e997ba について

#e997ba はやわらかな 明るいピンクです。OKLCHでは明度 76.9%、クロマ 0.107、色相 353° です。

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

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

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

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

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

  1. e997ba
  2. eca1c1
  3. efacc7
  4. f2b6ce
  5. f4c1d5
  6. f6cbdc
  7. f9d5e3
  8. fae0ea
  9. fceaf1
  10. fef5f8

暗く:#e997ba に黒を混ぜる

  1. e997ba
  2. cb83a1
  3. ad6f89
  4. 905c72
  5. 74495c
  6. 5a3746
  7. 412632
  8. 29171e
  9. 13080d
  10. 030102

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

  1. e997ba
  2. e49ab9
  3. df9db9
  4. daa0b8
  5. d5a3b7
  6. d0a6b7
  7. cba9b6
  8. c5acb6
  9. c0aeb5
  10. bab1b4

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

#e997ba は何色ですか?

#e997ba はやわらかな 明るいピンクです。最も近い名前のある色はやわらかな 明るいピンクです。RGBでは rgb(233, 151, 186)、HSLでは hsl(334.39, 65.08%, 75.29%)、OKLCHでは oklch(76.865% 0.10703 352.727) です。

#e997ba に合う色は?

#e997ba の補色は #61caad です。落ち着いた組み合わせにするなら、類似色の #d59ddc と #f09894 を使いましょう。トライアドの組み合わせは #b4bb68 と #67c0ed です。

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

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

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

#e997ba は暖色系の色です。OKLCHでは色相 353度、明度 76.9%、クロマ 0.107 です。