カラーピッカーへ移動

カラーコード #98decc:パステル調の 明るいティール

#98decc はRGBで rgb(152, 222, 204)、OKLCHで oklch(84.904% 0.07474 176.544) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

165°
100%

84.9%
0.075
177°
  • ティール
  • 明るい
  • ソフト
  • パステル
  • 寒色系
  • ≈ 水色
  • emerald-200
  • 黒 13%

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

白い文字
1.54:1読みにくい
Lc -28
黒い文字
13.66:1読みやすい · AA
Lc 79

シェード

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

カラーハーモニー

パレットで開く

最近の色

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

#98decc について

#98decc はパステル調の 明るいティールです。OKLCHでは明度 84.9%、クロマ 0.075、色相 177° です。

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

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

最も近い名前のある色は水色(#add8e6)です。Tailwind CSSで最も近い色は emerald-200 です。

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

明るく:#98decc に白を混ぜる

  1. 98decc
  2. a3e1d1
  3. aee5d6
  4. b8e8db
  5. c3ebe0
  6. cdefe5
  7. d7f2ea
  8. e1f5ef
  9. ebf9f5
  10. f5fcfa

暗く:#98decc に黒を混ぜる

  1. 98decc
  2. 84c1b1
  3. 70a597
  4. 5c897e
  5. 4a6f65
  6. 38554e
  7. 273d37
  8. 172622
  9. 08120f
  10. 010202

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

  1. 98decc
  2. 9edccc
  3. a4dbcc
  4. aad9cc
  5. afd8cc
  6. b5d6cd
  7. bad4cd
  8. bfd3cd
  9. c4d1cd
  10. c9cfcd

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

#98decc は何色ですか?

#98decc はパステル調の 明るいティールです。最も近い名前のある色はパステル調の 明るいティールです。RGBでは rgb(152, 222, 204)、HSLでは hsl(164.57, 51.47%, 73.33%)、OKLCHでは oklch(84.904% 0.07474 176.544) です。

#98decc に合う色は?

#98decc の補色は #f7bace です。落ち着いた組み合わせにするなら、類似色の #aedbb1 と #92dce6 を使いましょう。トライアドの組み合わせは #d2c4f9 と #f4c29e です。

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

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

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

#98decc は寒色系の色です。OKLCHでは色相 177度、明度 84.9%、クロマ 0.075 です。