カラーパレット

杢グレー

白と黒の糸を混ぜて織ったような、やわらかな明るいグレーです。荒野に咲くヘザーの花畑の色合いが英名の由来です。Tシャツやスウェット、スポーツウェアの定番色です。

別名:ヘザーグレー, 霜降りグレー

エディタで開く

杢グレーを試してみる

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

明るさ

合わせる色

杢グレーのHEXコードは#B6B6B4です。RGBではrgb(182, 182, 180)、HSLではhsl(60, 1%, 71%)、CMYKでは0, 0, 1, 29となります。

杢グレーに近い色とカラーコード

シルバー#C0C0C0アッシュグレー#B2BEB5グレージュ#BEB6A8マッシュルーム#BDACA3パールグレー#D1D0CEウォームグレー#A39E93銀鼠ぎんねず · #AFAFB0薄墨色うすずみいろ · #A3A3A2錫色すずいろ · #9EA1A3鼠色ねずみいろ · #949495白鼠しろねずみ · #DCDDDD鴇鼠ときねず · #E4D2D8

杢グレーの基本情報

杢グレー(#B6B6B4)は、ニュートラル・明るめ・ほぼ無彩色の色です。グレー系の色のグループに属します。RGBの値は赤182・緑182・青180(各255段階)。主な用途:ファッション, テキスタイル, スポーツ。

杢グレーの色見本と明るい色から暗い色までのグラデーション · #B6B6B4
杢グレー · #B6B6B4

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

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

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

杢グレーを使ったコーデ配色

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

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

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

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

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

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

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

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

CSSコード

:root {
  --heather-gray: #B6B6B4;
  --heather-gray-rgb: 182, 182, 180;
}
.bg { background-color: var(--heather-gray); }
.text { color: var(--heather-gray); }

杢グレーに近い色

ライトグレーパステルブルーピューターストーングレー

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

その他のグレー系の色

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

次はこれを試してみよう

名前からパレットを作る名前の文字から、あなただけの配色を作るスマホ壁紙カレンダー祝日入りの月めくり待ち受けを作るカメラでパーソナルカラー診断カメラや自撮り写真で肌・髪・瞳の色から判定
無料診断・ツールをすべて見る →

よくある質問

杢グレーのカラーコードは?

杢グレーのHEXコードは#B6B6B4です。RGBではrgb(182, 182, 180)、HSLではhsl(60, 1%, 71%)、CMYKでは0, 0, 1, 29となります。

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

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

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

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

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