カラーピッカーへ移動

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

#bfefe2 はRGBで rgb(191, 239, 226)、OKLCHで oklch(91.504% 0.05236 176.749) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

164°
100%

91.5%
0.052
177°
  • ティール
  • ごく明るい
  • ソフト
  • パステル
  • 寒色系
  • ≈ プラチナ
  • emerald-100
  • 黒 6%

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

白い文字
1.26:1読みにくい
Lc -15
黒い文字
16.66:1読みやすい · AA
Lc 91

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#bfefe2 について

#bfefe2 はパステル調の ごく明るいティールです。OKLCHでは明度 91.5%、クロマ 0.052、色相 177° です。

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

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

最も近い名前のある色はプラチナ(#e5e4e2)です。Tailwind CSSで最も近い色は emerald-100 です。

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

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

  1. bfefe2
  2. c6f1e5
  3. ccf2e8
  4. d3f4eb
  5. d9f6ee
  6. e0f7f0
  7. e6f9f3
  8. ecfaf6
  9. f3fcf9
  10. f9fdfc

暗く:#bfefe2 に黒を混ぜる

  1. bfefe2
  2. a6d0c4
  3. 8db1a8
  4. 75948c
  5. 5e7871
  6. 485c57
  7. 33423e
  8. 1f2a27
  9. 0d1412
  10. 020303

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

  1. bfefe2
  2. c3eee2
  3. c7ede2
  4. caebe2
  5. ceeae2
  6. d2e9e2
  7. d5e8e2
  8. d9e7e3
  9. dce5e3
  10. dfe4e3

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

#bfefe2 は何色ですか?

#bfefe2 はパステル調の ごく明るいティールです。最も近い名前のある色はパステル調の ごく明るいティールです。RGBでは rgb(191, 239, 226)、HSLでは hsl(163.75, 60%, 84.31%)、OKLCHでは oklch(91.504% 0.05236 176.749) です。

#bfefe2 に合う色は?

#bfefe2 の補色は #ffd5e3 です。落ち着いた組み合わせにするなら、類似色の #cdedcf と #bbeef5 を使いましょう。トライアドの組み合わせは #e6dcff と #ffdbc2 です。

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

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

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

#bfefe2 は寒色系の色です。OKLCHでは色相 177度、明度 91.5%、クロマ 0.052 です。