カラーピッカーへ移動

カラーコード #ea7398:鮮やかな 明るいローズ

#ea7398 はRGBで rgb(234, 115, 152)、OKLCHで oklch(70.368% 0.15124 2.068) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

341°
100%

70.4%
0.151
2°
  • ローズ
  • 明るい
  • 鮮やか
  • 暖色系
  • ≈ ブラッシュピンク
  • rose-400
  • 黒 8%

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

白い文字
2.84:1読みにくい
Lc -59
黒い文字
7.40:1読みやすい · AA
Lc 50

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#ea7398 について

#ea7398 は鮮やかな 明るいローズです。OKLCHでは明度 70.4%、クロマ 0.151、色相 2° です。

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

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

最も近い名前のある色はブラッシュピンク(#de5d83)です。Tailwind CSSで最も近い色は rose-400 です。

ほかのローズ系の色(明るい)

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

  1. ea7398
  2. ee82a2
  3. f190ac
  4. f49eb6
  5. f7acc0
  6. fabaca
  7. fcc8d5
  8. fdd6df
  9. fee4ea
  10. fff1f4

暗く:#ea7398 に黒を混ぜる

  1. ea7398
  2. cb6384
  3. ae5470
  4. 91455c
  5. 75364a
  6. 5a2838
  7. 411b27
  8. 290f17
  9. 130508
  10. 030101

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

  1. ea7398
  2. e47999
  3. dd7e99
  4. d6839a
  5. cf889b
  6. c88c9c
  7. c1909c
  8. b9949d
  9. b1989e
  10. a89c9f

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

#ea7398 は何色ですか?

#ea7398 は鮮やかな 明るいローズです。最も近い名前のある色は鮮やかな 明るいローズです。RGBでは rgb(234, 115, 152)、HSLでは hsl(341.34, 73.91%, 68.43%)、OKLCHでは oklch(70.368% 0.15124 2.068) です。

#ea7398 に合う色は?

#ea7398 の補色は #00bca6 です。落ち着いた組み合わせにするなら、類似色の #d579c9 と #ee7861 を使いましょう。トライアドの組み合わせは #90ae30 と #2fa9f5 です。

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

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

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

#ea7398 は暖色系の色です。OKLCHでは色相 2度、明度 70.4%、クロマ 0.151 です。