カラーパレット

パールグレー

真珠のやわらかな輝きをもつ、明るいグレーです。上品でニュートラルな色です。新郎のスーツや車、壁に使われます。

別名:パールグレイ, 真珠灰

パールグレー · #D1D0CE

パールグレーの基本情報

パールグレー(#D1D0CE)は、ニュートラル・明るめ・ほぼ無彩色の色です。グレー系の色のグループに属します。RGBの値は赤209・緑208・青206(各255段階)。主な用途:インテリア, ファッション, 自動車。

パールグレーの濃淡:明るいトーンと暗いトーン

明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。

パールグレーの配色ハーモニー

色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。

補色近い色:ライトグレー
類似色
トライアド近い色:ライトグレー
スプリット・コンプリメンタリー近い色:ライトグレー
テトラード近い色:ライトグレー

パールグレーを使ったカラーパレット

カラーコードをコピーするか、エディターで開いて自由に調整できます。

モノクロマティックパレット · パールグレー
類似色パレット · パールグレー
補色パレット · パールグレー
トライアドパレット · パールグレー
ニュートラルカラー入りパレット · パールグレー
アクセントカラー入りパレット · パールグレー

パールグレーと文字色のコントラスト

白い文字コントラスト比 1.5:1 · 非推奨
黒い文字コントラスト比 13.6:1 · AAA

WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。

CSSコード

:root {
  --pearl-gray: #D1D0CE;
  --pearl-gray-rgb: 209, 208, 206;
}
.bg { background-color: var(--pearl-gray); }
.text { color: var(--pearl-gray); }

パールグレーに近い色

ライトグレーシルバープラチナボーンホワイトアッシュグレーアラバスターグレージュパステルブルー生成り色リネン

この色を使ったテーマ別パレット

その他のグレー系の色

グレーライトグレーダークグレーシルバーチャコールグレースレートグレーアッシュグレーオックスフォードグレーグラファイトトープスチールグレー鉛色スモークグレーストーングレープラチナブルーグレーグレージュ

よくある質問

パールグレーのカラーコードは?

パールグレーのHEXコードは#D1D0CEです。RGBではrgb(209, 208, 206)、HSLではhsl(40, 3%, 81%)、CMYKでは0, 0, 1, 18となります。

パールグレーの補色は何色ですか?

色相環で反対側にある補色は#CECFD1で、ライトグレーに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。

パールグレーの上に白い文字を置いても読みやすいですか?

黒い文字のほうがおすすめです。白とのコントラスト比は1.5:1しかありませんが、黒とは13.6:1になります。