カラーピッカーへ移動

カラーコード #ededfd:くすんだ ごく明るいインディゴ

#ededfd はRGBで rgb(237, 237, 253)、OKLCHで oklch(95.08% 0.02141 285.985) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

240°
100%

95.1%
0.021
286°
  • インディゴ
  • ごく明るい
  • くすみ
  • 寒色系
  • ≈ ラベンダー
  • violet-100
  • 黒 1%

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

白い文字
1.16:1読みにくい
Lc -9
黒い文字
18.13:1読みやすい · AA
Lc 96

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#ededfd について

#ededfd はくすんだ ごく明るいインディゴです。OKLCHでは明度 95.1%、クロマ 0.021、色相 286° です。

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

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

最も近い名前のある色はラベンダー(#e6e6fa)です。Tailwind CSSで最も近い色は violet-100 です。

ほかのインディゴ系の色(ごく明るい)系の色

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

  1. ededfd
  2. efeffd
  3. f1f1fd
  4. f2f2fe
  5. f4f4fe
  6. f6f6fe
  7. f8f8fe
  8. fafafe
  9. fbfbff
  10. fdfdff

暗く:#ededfd に黒を混ぜる

  1. ededfd
  2. cecedc
  3. b0b0bc
  4. 93939d
  5. 77777f
  6. 5c5c62
  7. 424247
  8. 2a2a2d
  9. 141416
  10. 030303

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

  1. ededfd
  2. ededfc
  3. ededfa
  4. ededf9
  5. eeeef7
  6. eeeef6
  7. eeeef4
  8. eeeef3
  9. eeeef1
  10. eeeef0

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

#ededfd は何色ですか?

#ededfd はくすんだ ごく明るいインディゴです。最も近い名前のある色はくすんだ ごく明るいインディゴです。RGBでは rgb(237, 237, 253)、HSLでは hsl(240, 80%, 96.08%)、OKLCHでは oklch(95.08% 0.02141 285.985) です。

#ededfd に合う色は?

#ededfd の補色は #f0f0e0 です。落ち着いた組み合わせにするなら、類似色の #e6f0fd と #f5ebf9 を使いましょう。トライアドの組み合わせは #fcebe3 と #e2f4eb です。

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

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

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

#ededfd は寒色系の色です。OKLCHでは色相 286度、明度 95.1%、クロマ 0.021 です。