カラーパレット

ピューター

錫を主成分とする合金ピューターのような、青みを帯びた中間のグレーです。金属的でありながらやわらかく、落ち着いた印象です。食器や照明、車のボディカラーによく見られます。

別名:ピューターグレー, 錫色

エディタで開く

ピューターを試してみる

服・ネイル・髪色・部屋・車・スマホケースで、ピューターがどう見えるかをチェック。

明るさ

合わせる色

ピューターのHEXコードは#899499です。RGBではrgb(137, 148, 153)、HSLではhsl(199, 7%, 57%)、CMYKでは10, 3, 0, 40となります。

ピューターに近い色とカラーコード

スモークグレー#848884グレー#808080くすみブルー#8C9EB1ストーングレー#928E85スレートグレー#708090スチールグレー#71797E鼠色ねずみいろ · #949495錫色すずいろ · #9EA1A3薄墨色うすずみいろ · #A3A3A2藍鼠あいねず · #6C848D灰色はいいろ · #7D7D7D鉛色なまりいろ · #7B7C7D

ピューターの基本情報

ピューター(#899499)は、ニュートラル・中くらいの明るさ・ほぼ無彩色の色です。グレー系の色のグループに属します。RGBの値は赤137・緑148・青153(各255段階)。主な用途:インテリア, 自動車, ジュエリー。

ピューターの色見本と明るい色から暗い色までのグラデーション · #899499
ピューター · #899499

ピューターの濃淡:明るいトーンと暗いトーン

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

この色の濃淡を見る: カラースケール生成ツール

ピューターを使ったコーデ配色

パーソナルカラー×季節別に、ピューター(または近い色)を使ったコーデをまとめました。

ブルベ冬の冬コーデブラック・ワインレッド・ロイヤルパープルブルベ夏の秋コーデネイビー・スモーキーピンク・ローズブラウン

ピューターを使ったカラーパレット

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

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

ピューターと文字色のコントラスト

白い文字コントラスト比 3.1:1 · AA(大きな文字)
黒い文字コントラスト比 6.8:1 · AA

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

CSSコード

:root {
  --pewter: #899499;
  --pewter-rgb: 137, 148, 153;
}
.bg { background-color: var(--pewter); }
.text { color: var(--pewter); }

ピューターに近い色

ウォームグレー鉛色杢グレーブルーグレー

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

その他のグレー系の色

グレーライトグレーダークグレーシルバーチャコールグレースレートグレーアッシュグレーパールグレーオックスフォードグレーグラファイトトープスチールグレー鉛色スモークグレーストーングレープラチナブルーグレーグレージュ杢グレーウォームグレー
ピューターの色見本と明るい色から暗い色までのグラデーション · #899499
ピューターの色見本と明るい色から暗い色までのグラデーション · #899499

次はこれを試してみよう

名前からパレットを作る名前の文字から、あなただけの配色を作るカラー水槽配色で色が変わる癒やしの3D水槽家族の誕生日カラーチェック家族の誕生色でチェック柄を作る
無料診断・ツールをすべて見る →

よくある質問

ピューターのカラーコードは?

ピューターのHEXコードは#899499です。RGBではrgb(137, 148, 153)、HSLではhsl(199, 7%, 57%)、CMYKでは10, 3, 0, 40となります。

ピューターの補色は何色ですか?

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

ピューターの上に白い文字を置いても読みやすいですか?

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

グレー系の色をすべて見る →