カラーピッカーへ移動

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

#ccdbbc はRGBで rgb(204, 219, 188)、OKLCHで oklch(87.178% 0.04476 128.426) です。ほかの形式、シェード、コントラストはすべて下にあります。

HEXとして認識

89°
100%

87.2%
0.045
128°
  • ライム
  • ごく明るい
  • くすみ
  • パステル
  • ニュートラル
  • ≈ ライトグレー
  • olive-300
  • 黒 14%

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

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

シェード

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

配色ハーモニー

パレットで開く

最近の色

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

#ccdbbc について

#ccdbbc はパステル調の ごく明るいライムです。OKLCHでは明度 87.2%、クロマ 0.045、色相 128° です。

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

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

最も近い名前のある色はライトグレー(#d3d3d3)です。Tailwind CSSで最も近い色は olive-300 です。

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

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

  1. ccdbbc
  2. d1dfc3
  3. d6e2c9
  4. dbe6d0
  5. e0e9d7
  6. e5eddd
  7. eaf1e4
  8. eff4eb
  9. f5f8f1
  10. fafbf8

暗く:#ccdbbc に黒を混ぜる

  1. ccdbbc
  2. b1bea3
  3. 97a28b
  4. 7e8773
  5. 656d5d
  6. 4e5447
  7. 373c32
  8. 22261f
  9. 0f110d
  10. 020202

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

  1. ccdbbc
  2. cddabf
  3. cedac1
  4. cfd9c4
  5. cfd9c6
  6. d0d8c8
  7. d1d7cb
  8. d2d7cd
  9. d3d6d0
  10. d4d5d2

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

#ccdbbc は何色ですか?

#ccdbbc はパステル調の ごく明るいライムです。最も近い名前のある色はパステル調の ごく明るいライムです。RGBでは rgb(204, 219, 188)、HSLでは hsl(89.03, 30.1%, 79.8%)、OKLCHでは oklch(87.178% 0.04476 128.426) です。

#ccdbbc に合う色は?

#ccdbbc の補色は #ddcdec です。落ち着いた組み合わせにするなら、類似色の #dcd6b5 と #bddeca を使いましょう。トライアドの組み合わせは #bfd8f2 と #f0c9cf です。

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

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

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

#ccdbbc はニュートラルの色です。OKLCHでは色相 128度、明度 87.2%、クロマ 0.045 です。