カラーピッカーへ移動

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

#feeabe はRGBで rgb(254, 234, 190)、OKLCHで oklch(94.232% 0.06094 86.429) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

41°
100%

94.2%
0.061
86°
  • ベージュ
  • ごく明るい
  • ソフト
  • パステル
  • 暖色系
  • ≈ シャンパン
  • amber-100
  • 黒 0%

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

白い文字
1.18:1読みにくい
Lc -10
黒い文字
17.73:1読みやすい · AA
Lc 95

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#feeabe について

#feeabe はパステル調の ごく明るいベージュです。OKLCHでは明度 94.2%、クロマ 0.061、色相 86° です。

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

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

最も近い名前のある色はシャンパン(#f7e7ce)です。Tailwind CSSで最も近い色は amber-100 です。

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

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

  1. feeabe
  2. feecc5
  3. feeecb
  4. fef0d2
  5. fef3d8
  6. fff5df
  7. fff7e5
  8. fff9ec
  9. fffbf2
  10. fffdf9

暗く:#feeabe に黒を混ぜる

  1. feeabe
  2. ddcba5
  3. bdae8c
  4. 9e9175
  5. 80755e
  6. 635a48
  7. 474133
  8. 2d291f
  9. 16130d
  10. 030302

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

  1. feeabe
  2. fceac3
  3. faeac8
  4. f9ebcc
  5. f7ebd1
  6. f5ebd5
  7. f3ebda
  8. f1ebde
  9. efece3
  10. eeece7

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

#feeabe は何色ですか?

#feeabe はパステル調の ごく明るいベージュです。最も近い名前のある色はパステル調の ごく明るいベージュです。RGBでは rgb(254, 234, 190)、HSLでは hsl(41.25, 96.97%, 87.06%)、OKLCHでは oklch(94.232% 0.06094 86.429) です。

#feeabe に合う色は?

#feeabe の補色は #ddecff です。落ち着いた組み合わせにするなら、類似色の #ffe2c5 と #e9f2c4 を使いましょう。トライアドの組み合わせは #bdf8ff と #ffdeff です。

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

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

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

#feeabe は暖色系の色です。OKLCHでは色相 86度、明度 94.2%、クロマ 0.061 です。