茶色

土や木、革を表す基本の色です。中南米の多くの国では「カフェ」、スペインでは栗を意味するフランス語から「マロン」と呼ばれます。安定感と温かみを伝える色です。

別名：ブラウン, 茶

茶色 · #964B00

茶色の基本情報

茶色（#964B00）は、暖色系・暗め・鮮やかの色です。茶系の色のグループに属します。RGBの値は赤150・緑75・青0（各255段階）。主な用途：ファッション, インテリア, ブランディング。

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

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

トライアド近い色：翡翠色, 紫

スプリット・コンプリメンタリー近い色：ティール, ダークブルー

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

モノクロマティックパレット · 茶色

類似色パレット · 茶色

補色パレット · 茶色

トライアドパレット · 茶色

ニュートラルカラー入りパレット · 茶色

アクセントカラー入りパレット · 茶色

白い文字コントラスト比 6.4:1 · AA

黒い文字コントラスト比 3.3:1 · AA（大きな文字）

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

:root {
  --brown: #964B00;
  --brown-rgb: 150, 75, 0;
}
.bg { background-color: var(--brown); }
.text { color: var(--brown); }

茶色のカラーコードは？

茶色のHEXコードは#964B00です。RGBではrgb(150, 75, 0)、HSLではhsl(30, 100%, 29%)、CMYKでは0, 50, 100, 41となります。

茶色の補色は何色ですか？

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

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

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

茶色に合う色は？

相性のよい色：ベージュ, 白, デニムブルー, フォレストグリーン, オレンジ。明るい色をはさまずにさまざまな茶色を重ねるのは避けましょう。すべてが溶け合ってしまいます。茶色と真っ黒の組み合わせも重たく見えることがあります。