カラーピッカーへ移動

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

#ef779b はRGBで rgb(239, 119, 155)、OKLCHで oklch(71.689% 0.15152 2.65) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

342°
100%

71.7%
0.152
3°
  • ローズ
  • 明るい
  • 鮮やか
  • 暖色系
  • ≈ ホットピンク
  • rose-400
  • 黒 6%

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

白い文字
2.70:1読みにくい
Lc -57
黒い文字
7.78:1読みやすい · AA
Lc 52

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#ef779b について

#ef779b は鮮やかな 明るいローズです。OKLCHでは明度 71.7%、クロマ 0.152、色相 3° です。

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

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

最も近い名前のある色はホットピンク(#ff69b4)です。Tailwind CSSで最も近い色は rose-400 です。

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

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

  1. ef779b
  2. f285a5
  3. f593ae
  4. f8a1b8
  5. faafc2
  6. fcbccc
  7. fdcad6
  8. ffd7e0
  9. ffe4ea
  10. fff2f5

暗く:#ef779b に黒を混ぜる

  1. ef779b
  2. d06786
  3. b15772
  4. 94475e
  5. 78384b
  6. 5c2a39
  7. 421c28
  8. 2a1018
  9. 140509
  10. 030101

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

  1. ef779b
  2. e87d9c
  3. e2829d
  4. db879e
  5. d48c9e
  6. cd909f
  7. c594a0
  8. bd98a1
  9. b59ca2
  10. aca0a3

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

#ef779b は何色ですか?

#ef779b は鮮やかな 明るいローズです。最も近い名前のある色は鮮やかな 明るいローズです。RGBでは rgb(239, 119, 155)、HSLでは hsl(342, 78.95%, 70.2%)、OKLCHでは oklch(71.689% 0.15152 2.65) です。

#ef779b に合う色は?

#ef779b の補色は #00c1ac です。落ち着いた組み合わせにするなら、類似色の #da7dcc と #f37c64 を使いましょう。トライアドの組み合わせは #93b237 と #37adfa です。

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

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

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

#ef779b は暖色系の色です。OKLCHでは色相 3度、明度 71.7%、クロマ 0.152 です。