カラーパレット

タン

なめした革のような、明るい黄みの茶色です。英語で革をなめす工程を意味する言葉が名前の由来です。靴やベルト、レザー家具の定番カラーとして長く愛されています。

別名:タンブラウン, 日焼け色

エディタで開く

タンを試してみる

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

明るさ

合わせる色

タンのHEXコードは#D2B48Cです。RGBではrgb(210, 180, 140)、HSLではhsl(34, 44%, 69%)、CMYKでは0, 14, 33, 18となります。

タンに近い色とカラーコード

ヌードベージュ#E3BC9Aライトブラウン#C4A484カーキ#C3B091サンドベージュ#C2B280キャメル#C19A6Bデザートサンド#EDC9AF白茶しらちゃ · #DDBB99枯色かれいろ · #E0C38C丁子色ちょうじいろ · #EFCD9A伽羅色きゃらいろ · #D8A373亜麻色あまいろ · #D6C6AF木蘭色もくらんいろ · #C7B370

タンの基本情報

タン(#D2B48C)は、暖色系・中くらいの明るさ・中くらいの彩度の色です。茶系の色のグループに属します。RGBの値は赤210・緑180・青140(各255段階)。主な用途:レザー, ファッション, 家具。

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

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

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

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

タンを使ったコーデ配色

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

イエベ春の春コーデキャメル・コーラルピンク・ミントグリーンイエベ秋の春コーデオリーブ・サーモン・テラコッタイエベ春の夏コーデキャメル・ターコイズ・コーラル

タンの配色ハーモニー

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

補色近い色:ブルーグレー
類似色近い色:オールドローズ, バニラ
トライアド近い色:シーフォームグリーン, 藤色
スプリット・コンプリメンタリー近い色:パウダーブルー, コーンフラワーブルー

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

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

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

タンと文字色のコントラスト

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

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

CSSコード

:root {
  --tan: #D2B48C;
  --tan-rgb: 210, 180, 140;
}
.bg { background-color: var(--tan); }
.text { color: var(--tan); }

タンに近い色

ピーチアプリコット小麦色オートミール

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

その他の茶系の色

茶色コーヒーブラウンチョコレートブラウンマホガニー栗色シナモンセピア黄土色キャラメルキャメルモカカーキサンドベージュベージュヌードベージュブロンズタバコブラウンシエナカフェオレオーバーンコニャックデザートサンドエスプレッソフォーン
タンの色見本と明るい色から暗い色までのグラデーション · #D2B48C
タンの色見本と明るい色から暗い色までのグラデーション · #D2B48C

次はこれを試してみよう

名前からパレットを作る名前の文字から、あなただけの配色を作るぷっくりシールメーカー名前や絵文字で、つやつやシールを作る伝統色診断10の質問で、あなたを日本の伝統色にたとえる
無料診断・ツールをすべて見る →

よくある質問

タンのカラーコードは?

タンのHEXコードは#D2B48Cです。RGBではrgb(210, 180, 140)、HSLではhsl(34, 44%, 69%)、CMYKでは0, 14, 33, 18となります。

タンの補色は何色ですか?

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

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

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

茶色系の色をすべて見る →