カラーピッカーへ移動

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

#dbf4e2 はRGBで rgb(219, 244, 226)、OKLCHで oklch(94.397% 0.03554 154.353) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

137°
100%

94.4%
0.036
154°
  • エメラルド
  • ごく明るい
  • くすみ
  • パステル
  • 寒色系
  • ≈ ベージュ
  • emerald-100
  • 黒 4%

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

白い文字
1.16:1読みにくい
Lc -9
黒い文字
18.05:1読みやすい · AA
Lc 96

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#dbf4e2 について

#dbf4e2 はパステル調の ごく明るいエメラルドです。OKLCHでは明度 94.4%、クロマ 0.036、色相 154° です。

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

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

最も近い名前のある色はベージュ(#f5f5dc)です。Tailwind CSSで最も近い色は emerald-100 です。

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

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

  1. dbf4e2
  2. dff5e5
  3. e2f6e8
  4. e6f7eb
  5. e9f8ee
  6. edfaf0
  7. f1fbf3
  8. f4fcf6
  9. f8fdf9
  10. fbfefc

暗く:#dbf4e2 に黒を混ぜる

  1. dbf4e2
  2. bed4c4
  3. a2b5a8
  4. 87978c
  5. 6d7a71
  6. 545e57
  7. 3c443e
  8. 262b27
  9. 111412
  10. 020303

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

  1. dbf4e2
  2. ddf3e3
  3. dff2e4
  4. e0f2e5
  5. e2f1e6
  6. e4f0e7
  7. e6efe8
  8. e7efe9
  9. e9eeea
  10. ebedeb

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

#dbf4e2 は何色ですか?

#dbf4e2 はパステル調の ごく明るいエメラルドです。最も近い名前のある色はパステル調の ごく明るいエメラルドです。RGBでは rgb(219, 244, 226)、HSLでは hsl(136.8, 53.19%, 90.78%)、OKLCHでは oklch(94.397% 0.03554 154.353) です。

#dbf4e2 に合う色は?

#dbf4e2 の補色は #fce4f6 です。落ち着いた組み合わせにするなら、類似色の #e7f1d7 と #d3f5ef を使いましょう。トライアドの組み合わせは #e5ebff と #ffe5dd です。

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

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

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

#dbf4e2 は寒色系の色です。OKLCHでは色相 154度、明度 94.4%、クロマ 0.036 です。