カラーピッカーへ移動

カラーコード #bfecdc:パステル調の ごく明るいエメラルド

#bfecdc はRGBで rgb(191, 236, 220)、OKLCHで oklch(90.7% 0.05133 171.478) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

159°
100%

90.7%
0.051
171°
  • エメラルド
  • ごく明るい
  • ソフト
  • パステル
  • 寒色系
  • ≈ プラチナ
  • green-200
  • 黒 7%

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

白い文字
1.29:1読みにくい
Lc -17
黒い文字
16.25:1読みやすい · AA
Lc 89

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#bfecdc について

#bfecdc はパステル調の ごく明るいエメラルドです。OKLCHでは明度 90.7%、クロマ 0.051、色相 171° です。

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

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

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

ほかのエメラルド系の色(ごく明るい)系の色

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

  1. bfecdc
  2. c6eedf
  3. ccf0e3
  4. d3f2e6
  5. d9f4ea
  6. dff6ed
  7. e6f8f1
  8. ecf9f4
  9. f2fbf8
  10. f9fdfb

暗く:#bfecdc に黒を混ぜる

  1. bfecdc
  2. a6cdbf
  3. 8dafa3
  4. 759288
  5. 5e766e
  6. 485b54
  7. 33423c
  8. 1f2926
  9. 0d1311
  10. 020302

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

  1. bfecdc
  2. c3ebdc
  3. c6eadd
  4. cae9dd
  5. cde7de
  6. d0e6de
  7. d4e5de
  8. d7e4df
  9. dae3df
  10. dde1e0

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

#bfecdc は何色ですか?

#bfecdc はパステル調の ごく明るいエメラルドです。最も近い名前のある色はパステル調の ごく明るいエメラルドです。RGBでは rgb(191, 236, 220)、HSLでは hsl(158.67, 54.22%, 83.73%)、OKLCHでは oklch(90.7% 0.05133 171.478) です。

#bfecdc に合う色は?

#bfecdc の補色は #fdd3e4 です。落ち着いた組み合わせにするなら、類似色の #cee9ca と #b9ebef を使いましょう。トライアドの組み合わせは #e0dbff と #fdd8c2 です。

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

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

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

#bfecdc は寒色系の色です。OKLCHでは色相 171度、明度 90.7%、クロマ 0.051 です。