カラーピッカーへ移動

カラーコード #8aeedc:パステル調の ごく明るいティール

#8aeedc はRGBで rgb(138, 238, 220)、OKLCHで oklch(88.278% 0.09814 181.042) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

169°
100%

88.3%
0.098
181°
  • ティール
  • ごく明るい
  • ソフト
  • パステル
  • 寒色系
  • ≈ エレクトリックブルー
  • teal-200
  • 黒 7%

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

白い文字
1.37:1読みにくい
Lc -20
黒い文字
15.34:1読みやすい · AA
Lc 86

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#8aeedc について

#8aeedc はパステル調の ごく明るいティールです。OKLCHでは明度 88.3%、クロマ 0.098、色相 181° です。

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

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

最も近い名前のある色はエレクトリックブルー(#7df9ff)です。Tailwind CSSで最も近い色は teal-200 です。

ほかのティール系の色(ごく明るい)

明るく:#8aeedc に白を混ぜる

  1. 8aeedc
  2. 98f0df
  3. a5f2e3
  4. b1f4e6
  5. bdf5ea
  6. c9f7ed
  7. d4f9f1
  8. dffaf4
  9. eafcf8
  10. f5fefb

暗く:#8aeedc に黒を混ぜる

  1. 8aeedc
  2. 77cfbf
  3. 65b1a3
  4. 539388
  5. 42776e
  6. 325c54
  7. 22423c
  8. 142a26
  9. 071411
  10. 010302

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

  1. 8aeedc
  2. 94ecdc
  3. 9deadb
  4. a6e8db
  5. aee6da
  6. b6e4da
  7. bde1da
  8. c4dfd9
  9. cbddd9
  10. d2dbd9

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

#8aeedc は何色ですか?

#8aeedc はパステル調の ごく明るいティールです。最も近い名前のある色はパステル調の ごく明るいティールです。RGBでは rgb(138, 238, 220)、HSLでは hsl(169.2, 74.63%, 73.73%)、OKLCHでは oklch(88.278% 0.09814 181.042) です。

#8aeedc に合う色は?

#8aeedc の補色は #ffc0d5 です。落ち着いた組み合わせにするなら、類似色の #a8ebb8 と #85eafd を使いましょう。トライアドの組み合わせは #e3cbff と #ffca95 です。

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

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

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

#8aeedc は寒色系の色です。OKLCHでは色相 181度、明度 88.3%、クロマ 0.098 です。