カラーピッカーへ移動

カラーコード #decff2:パステル調の ごく明るいパープル

#decff2 はRGBで rgb(222, 207, 242)、OKLCHで oklch(87.754% 0.05015 304.773) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

266°
100%

87.8%
0.050
305°
  • パープル
  • ごく明るい
  • ソフト
  • パステル
  • ニュートラル
  • ≈ ペリウィンクル
  • violet-200
  • 黒 5%

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

白い文字
1.47:1読みにくい
Lc -25
黒い文字
14.31:1読みやすい · AA
Lc 82

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#decff2 について

#decff2 はパステル調の ごく明るいパープルです。OKLCHでは明度 87.8%、クロマ 0.05、色相 305° です。

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

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

最も近い名前のある色はペリウィンクル(#ccccff)です。Tailwind CSSで最も近い色は violet-200 です。

ほかのパープル系の色(ごく明るい)系の色

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

  1. decff2
  2. e1d4f3
  3. e5d9f5
  4. e8ddf6
  5. ebe2f7
  6. eee7f9
  7. f2ecfa
  8. f5f1fb
  9. f8f5fd
  10. fcfafe

暗く:#decff2 に黒を混ぜる

  1. decff2
  2. c1b4d2
  3. a599b4
  4. 897f96
  5. 6f6779
  6. 554f5e
  7. 3d3843
  8. 26232b
  9. 121014
  10. 020203

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

  1. decff2
  2. ddd0ef
  3. dcd1ed
  4. dcd1ea
  5. dbd2e7
  6. dad3e4
  7. d9d4e2
  8. d9d4df
  9. d8d5dc
  10. d7d6d9

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

#decff2 は何色ですか?

#decff2 はパステル調の ごく明るいパープルです。最も近い名前のある色はパステル調の ごく明るいパープルです。RGBでは rgb(222, 207, 242)、HSLでは hsl(265.71, 57.38%, 88.04%)、OKLCHでは oklch(87.754% 0.05015 304.773) です。

#decff2 に合う色は?

#decff2 の補色は #cfddb9 です。落ち着いた組み合わせにするなら、類似色の #ccd5f9 と #eccbe4 を使いましょう。トライアドの組み合わせは #efd1b5 と #b3e2db です。

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

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

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

#decff2 はニュートラルの色です。OKLCHでは色相 305度、明度 87.8%、クロマ 0.05 です。