カラーピッカーへ移動

カラーコード #bfddac:パステル調の ごく明るいライム

#bfddac はRGBで rgb(191, 221, 172)、OKLCHで oklch(86.293% 0.07328 133.457) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

97°
100%

86.3%
0.073
133°
  • ライム
  • ごく明るい
  • くすみ
  • パステル
  • ニュートラル
  • ≈ パール
  • emerald-200
  • 黒 13%

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

白い文字
1.48:1読みにくい
Lc -26
黒い文字
14.15:1読みやすい · AA
Lc 81

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#bfddac について

#bfddac はパステル調の ごく明るいライムです。OKLCHでは明度 86.3%、クロマ 0.073、色相 133° です。

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

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

最も近い名前のある色はパール(#eae0c8)です。Tailwind CSSで最も近い色は emerald-200 です。

ほかのライム系の色(ごく明るい)系の色

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

  1. bfddac
  2. c5e0b4
  3. cce4bd
  4. d2e7c5
  5. d8ebcd
  6. dfeed5
  7. e5f2de
  8. ecf5e6
  9. f2f8ee
  10. f9fcf7

暗く:#bfddac に黒を混ぜる

  1. bfddac
  2. a6c095
  3. 8da47f
  4. 758869
  5. 5e6e54
  6. 485540
  7. 333d2d
  8. 1f261b
  9. 0d110b
  10. 020201

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

  1. bfddac
  2. c1dcb0
  3. c3dbb4
  4. c5dab8
  5. c7d9bc
  6. c9d8bf
  7. cad6c3
  8. ccd5c7
  9. ced4ca
  10. d0d3ce

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

#bfddac は何色ですか?

#bfddac はパステル調の ごく明るいライムです。最も近い名前のある色はパステル調の ごく明るいライムです。RGBでは rgb(191, 221, 172)、HSLでは hsl(96.73, 41.88%, 77.06%)、OKLCHでは oklch(86.293% 0.07328 133.457) です。

#bfddac に合う色は?

#bfddac の補色は #e3c4f5 です。落ち着いた組み合わせにするなら、類似色の #dad59d と #a6e2c5 を使いましょう。トライアドの組み合わせは #b1d5ff と #febfc4 です。

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

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

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

#bfddac はニュートラルの色です。OKLCHでは色相 133度、明度 86.3%、クロマ 0.073 です。