ウォームグレーの基本情報
ウォームグレー（#A39E93）は、ニュートラル・中くらいの明るさ・くすみ系の色です。グレー系の色のグループに属します。RGBの値は赤163・緑158・青147（各255段階）。主な用途：インテリア, 塗料, ウェブ。
ベージュや茶色をほんのり含んだ、温かみのあるグレーです。冷たいグレーより親しみやすく、住まいの壁や床に向いています。ウェブの背景色としても目にやさしい色です。
別名：暖かみのあるグレー
服・ネイル・髪色・部屋・車・スマホケースで、ウォームグレーがどう見えるかをチェック。
明るさ
合わせる色
ウォームグレーのHEXコードは#A39E93です。RGBではrgb(163, 158, 147)、HSLではhsl(41, 8%, 61%)、CMYKでは0, 3, 10, 36となります。
ウォームグレー（#A39E93）は、ニュートラル・中くらいの明るさ・くすみ系の色です。グレー系の色のグループに属します。RGBの値は赤163・緑158・青147（各255段階）。主な用途：インテリア, 塗料, ウェブ。
明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。
この色の濃淡を見る: カラースケール生成ツール
色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。
カラーコードをコピーするか、エディターで開いて自由に調整できます。
WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。
:root {
--warm-gray: #A39E93;
--warm-gray-rgb: 163, 158, 147;
}
.bg { background-color: var(--warm-gray); }
.text { color: var(--warm-gray); }
ウォームグレーのHEXコードは#A39E93です。RGBではrgb(163, 158, 147)、HSLではhsl(41, 8%, 61%)、CMYKでは0, 3, 10, 36となります。
色相環で反対側にある補色は#9398A3で、ピューターに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。
黒い文字のほうがおすすめです。白とのコントラスト比は2.7:1しかありませんが、黒とは7.9:1になります。
サイトの利用状況を知るために、Google AnalyticsのCookieを使用しています。同意しますか？ 詳しく見る