カラーパレット

ライトブラウン

ミルクティーのような、明るくやさしい茶色です。ナチュラルで親しみやすく、ヘアカラーの定番としても人気があります。木目調の家具や秋冬の服にもよくなじみます。

別名:明るい茶色, 薄茶色

エディタで開く

ライトブラウンを試してみる

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

明るさ

合わせる色

ライトブラウンのHEXコードは#C4A484です。RGBではrgb(196, 164, 132)、HSLではhsl(30, 35%, 64%)、CMYKでは0, 16, 33, 23となります。

ライトブラウンに近い色とカラーコード

カーキ#C3B091タン#D2B48Cヌードベージュ#E3BC9Aキャメル#C19A6Bサンドベージュ#C2B280デザートサンド#EDC9AF白茶しらちゃ · #DDBB99利休茶りきゅうちゃ · #A59564伽羅色きゃらいろ · #D8A373亜麻色あまいろ · #D6C6AF枯色かれいろ · #E0C38C宍色ししいろ · #EFAB93

ライトブラウンの基本情報

ライトブラウン(#C4A484)は、暖色系・中くらいの明るさ・中くらいの彩度の色です。茶系の色のグループに属します。RGBの値は赤196・緑164・青132(各255段階)。主な用途:ファッション, インテリア, ヘアカラー。

ライトブラウンの色見本と明るい色から暗い色までのグラデーション · #C4A484
ライトブラウン · #C4A484

ライトブラウンの濃淡:明るいトーンと暗いトーン

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

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

ライトブラウンを使ったコーデ配色

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

イエベ春の春コーデキャメル・コーラルピンク・ミントグリーン

ライトブラウンの配色ハーモニー

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

補色近い色:ブルーグレー
トライアド近い色:シーフォームグリーン, 藤色
スプリット・コンプリメンタリー近い色:シーフォームグリーン, コーンフラワーブルー

ライトブラウンを使ったカラーパレット

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

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

ライトブラウンと文字色のコントラスト

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

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

CSSコード

:root {
  --light-brown: #C4A484;
  --light-brown-rgb: 196, 164, 132;
}
.bg { background-color: var(--light-brown); }
.text { color: var(--light-brown); }

ライトブラウンに近い色

マッシュルームグレージュカフェオレウォームグレー

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

その他の茶系の色

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

次はこれを試してみよう

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

よくある質問

ライトブラウンのカラーコードは?

ライトブラウンのHEXコードは#C4A484です。RGBではrgb(196, 164, 132)、HSLではhsl(30, 35%, 64%)、CMYKでは0, 16, 33, 23となります。

ライトブラウンの補色は何色ですか?

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

ライトブラウンの上に白い文字を置いても読みやすいですか?

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

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