カラーピッカーへ移動

カラーコード #ff5058:ネオン調の 赤

#ff5058 はRGBで rgb(255, 80, 88)、OKLCHで oklch(67.755% 0.21073 22.37) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

357°
100%

67.8%
0.211
22°
  • 赤
  • 中間
  • 鮮やか
  • ネオン
  • 暖色系
  • ≈ 緋色
  • red-400
  • 黒 0%

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

白い文字
3.21:1読みにくい
Lc -64
黒い文字
6.54:1読みやすい · AA
Lc 46

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#ff5058 について

#ff5058 はネオン調の 赤です。OKLCHでは明度 67.8%、クロマ 0.211、色相 22° です。

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

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

最も近い名前のある色は緋色(#ff2400)です。Tailwind CSSで最も近い色は red-400 です。

ほかの赤系の色(中間)系の色

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

  1. ff5058
  2. ff6669
  3. ff7a79
  4. ff8c8a
  5. ff9e9a
  6. ffafab
  7. ffbfbb
  8. ffcfcc
  9. ffdfdd
  10. ffefee

暗く:#ff5058 に黒を混ぜる

  1. ff5058
  2. de444b
  3. be393f
  4. 9e2e33
  5. 802428
  6. 631a1d
  7. 481012
  8. 2e0709
  9. 160203
  10. 030000

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

  1. ff5058
  2. f65c5f
  3. ed6566
  4. e46e6d
  5. db7673
  6. d17c7a
  7. c68380
  8. bc8986
  9. b08e8c
  10. a49392

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

#ff5058 は何色ですか?

#ff5058 はネオン調の 赤です。最も近い名前のある色はネオン調の 赤です。RGBでは rgb(255, 80, 88)、HSLでは hsl(357.26, 100%, 65.69%)、OKLCHでは oklch(67.755% 0.21073 22.37) です。

#ff5058 に合う色は?

#ff5058 の補色は #00afbb です。落ち着いた組み合わせにするなら、類似色の #f251a4 と #f06a00 を使いましょう。トライアドの組み合わせは #2db627 と #5391ff です。

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

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

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

#ff5058 は暖色系の色です。OKLCHでは色相 22度、明度 67.8%、クロマ 0.211 です。