焦げたような深い茶色で、日本でも昔から親しまれてきた色です。重厚で落ち着いた印象があり、家具やヘアカラー、革小物の定番です。秋冬のコーディネートにもよく合います。
別名:ダークブラウン, こげ茶
服・ネイル・髪色・部屋・車・スマホケースで、焦げ茶色がどう見えるかをチェック。
明るさ
合わせる色
焦げ茶色のHEXコードは#654321です。RGBではrgb(101, 67, 33)、HSLではhsl(30, 51%, 26%)、CMYKでは0, 34, 67, 60となります。
焦げ茶色(#654321)は、暖色系・暗め・中くらいの彩度の色です。茶系の色のグループに属します。RGBの値は赤101・緑67・青33(各255段階)。主な用途:家具, ヘアカラー, ファッション。

明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。
この色の濃淡を見る: カラースケール生成ツール
パーソナルカラー×季節別に、焦げ茶色(または近い色)を使ったコーデをまとめました。
色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。
カラーコードをコピーするか、エディターで開いて自由に調整できます。
WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。
:root {
--dark-brown: #654321;
--dark-brown-rgb: 101, 67, 33;
}
.bg { background-color: var(--dark-brown); }
.text { color: var(--dark-brown); }
焦げ茶色のHEXコードは#654321です。RGBではrgb(101, 67, 33)、HSLではhsl(30, 51%, 26%)、CMYKでは0, 34, 67, 60となります。
色相環で反対側にある補色は#214365で、プルシアンブルーに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。
はい。白とのコントラスト比は8.8:1で、通常サイズの文字にも十分です(WCAG AA)。
サイトの利用状況を知るために、Google AnalyticsのCookieを使用しています。同意しますか? 詳しく見る