カラーパレット

焦げ茶色

焦げたような深い茶色で、日本でも昔から親しまれてきた色です。重厚で落ち着いた印象があり、家具やヘアカラー、革小物の定番です。秋冬のコーディネートにもよく合います。

別名:ダークブラウン, こげ茶

エディタで開く

焦げ茶色を試してみる

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

明るさ

合わせる色

焦げ茶色のHEXコードは#654321です。RGBではrgb(101, 67, 33)、HSLではhsl(30, 51%, 26%)、CMYKでは0, 34, 67, 60となります。

焦げ茶色に近い色とカラーコード

コーヒーブラウン#6F4E37セピア#704214タバコブラウン#71563Bウォルナット#773F1Aローアンバー#826644ラセットブラウン#80461B黒茶くろちゃ · #583822錆色さびいろ · #6C3524焦茶こげちゃ · #6F4B3E海老茶えびちゃ · #773C30憲法色けんぽういろ · #543F32渋紙色しぶがみいろ · #946243

焦げ茶色の基本情報

焦げ茶色(#654321)は、暖色系・暗め・中くらいの彩度の色です。茶系の色のグループに属します。RGBの値は赤101・緑67・青33(各255段階)。主な用途:家具, ヘアカラー, ファッション。

焦げ茶色の色見本と明るい色から暗い色までのグラデーション · #654321
焦げ茶色 · #654321

焦げ茶色の濃淡:明るいトーンと暗いトーン

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

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

焦げ茶色を使ったコーデ配色

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

イエベ秋の夏コーデブラウン・マスタード・テラコッタイエベ春の秋コーデウォームブラウン・サーモンピンク・若草色イエベ春の冬コーデチョコブラウン・コーラルレッド・ウォームネイビー

焦げ茶色の配色ハーモニー

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

補色近い色:プルシアンブルー
スプリット・コンプリメンタリー近い色:ダークティール, ミッドナイトブルー

焦げ茶色を使ったカラーパレット

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

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

焦げ茶色と文字色のコントラスト

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

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

CSSコード

:root {
  --dark-brown: #654321;
  --dark-brown-rgb: 101, 67, 33;
}
.bg { background-color: var(--dark-brown); }
.text { color: var(--dark-brown); }

焦げ茶色に近い色

エスプレッソトープガーネットチョコレートブラウン

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

その他の茶系の色

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

次はこれを試してみよう

名前からパレットを作る名前の文字から、あなただけの配色を作る家族の誕生日カラーチェック家族の誕生色でチェック柄を作る誕生花ブーケメーカー誕生花で自分だけの一輪やブーケを作る
無料診断・ツールをすべて見る →

よくある質問

焦げ茶色のカラーコードは?

焦げ茶色のHEXコードは#654321です。RGBではrgb(101, 67, 33)、HSLではhsl(30, 51%, 26%)、CMYKでは0, 34, 67, 60となります。

焦げ茶色の補色は何色ですか?

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

焦げ茶色の上に白い文字を置いても読みやすいですか?

はい。白とのコントラスト比は8.8:1で、通常サイズの文字にも十分です(WCAG AA)。

茶色系の色をすべて見る →
焦げ茶色のヘアカラー(色見本・明るさ別・色落ち)