カラーピッカーへ移動

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

#8aeadd はRGBで rgb(138, 234, 221)、OKLCHで oklch(87.402% 0.0934 184.589) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

172°
100%

87.4%
0.093
185°
  • ティール
  • ごく明るい
  • ソフト
  • パステル
  • 寒色系
  • ≈ エレクトリックブルー
  • teal-200
  • 黒 8%

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

白い文字
1.41:1読みにくい
Lc -22
黒い文字
14.89:1読みやすい · AA
Lc 84

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#8aeadd について

#8aeadd はパステル調の ごく明るいティールです。OKLCHでは明度 87.4%、クロマ 0.093、色相 185° です。

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

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

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

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

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

  1. 8aeadd
  2. 98ece0
  3. a5efe4
  4. b1f1e7
  5. bdf3ea
  6. c8f5ee
  7. d4f7f1
  8. dff9f5
  9. eafbf8
  10. f4fdfc

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

  1. 8aeadd
  2. 77cbc0
  3. 65aea4
  4. 539188
  5. 42756e
  6. 325a55
  7. 22413d
  8. 142926
  9. 071311
  10. 010302

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

  1. 8aeadd
  2. 94e8dc
  3. 9ce6db
  4. a5e4db
  5. ade2da
  6. b4e0d9
  7. bbded8
  8. c2dcd8
  9. c9dad7
  10. cfd8d6

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

#8aeadd は何色ですか?

#8aeadd はパステル調の ごく明るいティールです。最も近い名前のある色はパステル調の ごく明るいティールです。RGBでは rgb(138, 234, 221)、HSLでは hsl(171.88, 69.57%, 72.94%)、OKLCHでは oklch(87.402% 0.0934 184.589) です。

#8aeadd に合う色は?

#8aeadd の補色は #ffbcce です。落ち着いた組み合わせにするなら、類似色の #a4e8ba と #89e6fc を使いましょう。トライアドの組み合わせは #e3c7ff と #ffc994 です。

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

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

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

#8aeadd は寒色系の色です。OKLCHでは色相 185度、明度 87.4%、クロマ 0.093 です。