カラーピッカーへ移動

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

#e1925a はRGBで rgb(225, 146, 90)、OKLCHで oklch(72.896% 0.11979 54.947) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

25°
100%

72.9%
0.120
55°
  • オレンジ
  • 明るい
  • ソフト
  • 暖色系
  • ≈ キャメル
  • orange-400
  • 黒 12%

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

白い文字
2.48:1読みにくい
Lc -54
黒い文字
8.46:1読みやすい · AA
Lc 55

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#e1925a について

#e1925a はやわらかな 明るいオレンジです。OKLCHでは明度 72.9%、クロマ 0.12、色相 55° です。

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

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

最も近い名前のある色はキャメル(#c19a6b)です。Tailwind CSSで最も近い色は orange-400 です。

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

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

  1. e1925a
  2. e59d6c
  3. e9a87c
  4. ecb38d
  5. efbe9d
  6. f2c9ae
  7. f5d4be
  8. f8dfce
  9. fbe9de
  10. fdf4ef

暗く:#e1925a に黒を混ぜる

  1. e1925a
  2. c47e4d
  3. a76b41
  4. 8b5835
  5. 704629
  6. 56351e
  7. 3e2513
  8. 271609
  9. 120803
  10. 020100

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

  1. e1925a
  2. dc9563
  3. d6976c
  4. d19a74
  5. cb9c7c
  6. c69e84
  7. c0a08b
  8. baa292
  9. b4a499
  10. aea6a0

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

#e1925a は何色ですか?

#e1925a はやわらかな 明るいオレンジです。最も近い名前のある色はやわらかな 明るいオレンジです。RGBでは rgb(225, 146, 90)、HSLでは hsl(24.89, 69.23%, 61.76%)、OKLCHでは oklch(72.896% 0.11979 54.947) です。

#e1925a に合う色は?

#e1925a の補色は #4fb3e8 です。落ち着いた組み合わせにするなら、類似色の #e98881 と #caa144 を使いましょう。トライアドの組み合わせは #3ec0a3 と #ad98eb です。

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

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

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

#e1925a は暖色系の色です。OKLCHでは色相 55度、明度 72.9%、クロマ 0.12 です。