カラーピッカーへ移動

カラーコード #fdf2bb:パステル調の ごく明るいベージュ

#fdf2bb はRGBで rgb(253, 242, 187)、OKLCHで oklch(95.66% 0.07139 98.08) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

50°
100%

95.7%
0.071
98°
  • ベージュ
  • ごく明るい
  • ソフト
  • パステル
  • 暖色系
  • ≈ クリーム色
  • amber-100
  • 黒 1%

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

白い文字
1.13:1読みにくい
Lc 0
黒い文字
18.59:1読みやすい · AA
Lc 98

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#fdf2bb について

#fdf2bb はパステル調の ごく明るいベージュです。OKLCHでは明度 95.7%、クロマ 0.071、色相 98° です。

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

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

最も近い名前のある色はクリーム色(#fffdd0)です。Tailwind CSSで最も近い色は amber-100 です。

ほかのベージュ系の色(ごく明るい)系の色

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

  1. fdf2bb
  2. fdf3c2
  3. fdf5c9
  4. fef6d0
  5. fef7d7
  6. fef9de
  7. fefae4
  8. fefbeb
  9. fffdf2
  10. fffef8

暗く:#fdf2bb に黒を混ぜる

  1. fdf2bb
  2. dcd2a2
  3. bcb48a
  4. 9d9673
  5. 7f795c
  6. 625e46
  7. 474332
  8. 2d2b1f
  9. 16140d
  10. 030302

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

  1. fdf2bb
  2. fcf2c1
  3. faf2c6
  4. f9f2cc
  5. f8f2d1
  6. f7f1d7
  7. f5f1dc
  8. f4f1e1
  9. f3f1e6
  10. f2f1eb

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

#fdf2bb は何色ですか?

#fdf2bb はパステル調の ごく明るいベージュです。最も近い名前のある色はパステル調の ごく明るいベージュです。RGBでは rgb(253, 242, 187)、HSLでは hsl(50, 94.29%, 86.27%)、OKLCHでは oklch(95.66% 0.07139 98.08) です。

#fdf2bb に合う色は?

#fdf2bb の補色は #eaefff です。落ち着いた組み合わせにするなら、類似色の #ffeac5 と #e3fbc7 を使いましょう。トライアドの組み合わせは #c1fcff と #ffe2ff です。

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

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

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

#fdf2bb は暖色系の色です。OKLCHでは色相 98度、明度 95.7%、クロマ 0.071 です。