カラーピッカーへ移動

カラーコード #e69578:やわらかな 明るいオレンジ

#e69578 はRGBで rgb(230, 149, 120)、OKLCHで oklch(74.51% 0.10651 40.446) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

16°
100%

74.5%
0.107
40°
  • オレンジ
  • 明るい
  • ソフト
  • 暖色系
  • ≈ サーモンピンク
  • red-300
  • 黒 10%

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

白い文字
2.35:1読みにくい
Lc -51
黒い文字
8.93:1読みやすい · AA
Lc 58

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#e69578 について

#e69578 はやわらかな 明るいオレンジです。OKLCHでは明度 74.5%、クロマ 0.107、色相 40° です。

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

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

最も近い名前のある色はサーモンピンク(#fa8072)です。Tailwind CSSで最も近い色は red-300 です。

ほかのオレンジ系の色(明るい)系の色

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

  1. e69578
  2. e9a085
  3. edaa93
  4. f0b5a0
  5. f2c0ae
  6. f5cabb
  7. f7d5c8
  8. fadfd6
  9. fceae4
  10. fdf4f1

暗く:#e69578 に黒を混ぜる

  1. e69578
  2. c88167
  3. ab6d57
  4. 8e5a48
  5. 734839
  6. 59372a
  7. 40261d
  8. 281610
  9. 130805
  10. 030101

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

  1. e69578
  2. e1987e
  3. db9a83
  4. d69d89
  5. d19f8e
  6. cba293
  7. c5a498
  8. bfa69d
  9. b9a8a2
  10. b3aaa7

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

#e69578 は何色ですか?

#e69578 はやわらかな 明るいオレンジです。最も近い名前のある色はやわらかな 明るいオレンジです。RGBでは rgb(230, 149, 120)、HSLでは hsl(15.82, 68.75%, 68.63%)、OKLCHでは oklch(74.51% 0.10651 40.446) です。

#e69578 に合う色は?

#e69578 の補色は #52bcdb です。落ち着いた組み合わせにするなら、類似色の #e7909c と #d7a05e を使いましょう。トライアドの組み合わせは #6ac196 と #a0a5ef です。

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

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

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

#e69578 は暖色系の色です。OKLCHでは色相 40度、明度 74.5%、クロマ 0.107 です。