カラーパレット

オーバーン

赤みを帯びた茶色で、特に髪色の名前として知られています。栗色と赤の中間にあり、温かみがたっぷり。ヘアカラーや秋のファッション、木の家具によくなじみます。

別名:赤褐色, オーバーンブラウン

エディタで開く

オーバーンを試してみる

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

明るさ

合わせる色

オーバーンのHEXコードは#A52A2Aです。RGBではrgb(165, 42, 42)、HSLではhsl(0, 59%, 41%)、CMYKでは0, 75, 75, 35となります。

オーバーンに近い色とカラーコード

ルビーレッド#9B111Eカーマイン#960018レンガ色#B22222サングリア#92000Aクランベリー#9F000Fブラッドレッド#8A0303茜色あかねいろ · #B7282E赤紅あかべに · #C53D43臙脂色えんじいろ · #B94047弁柄色べんがらいろ · #8F2E14蘇芳すおう · #9E3D3F赤丹あかに · #CE5242

オーバーンの基本情報

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

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

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

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

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

オーバーンの配色ハーモニー

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

補色近い色:緑青色
類似色近い色:ダークピンク, 銅色
スプリット・コンプリメンタリー近い色:翡翠色, オーシャンブルー
テトラード近い色:アボカドグリーン, 緑青色, グレープ

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

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

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

オーバーンと文字色のコントラスト

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

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

CSSコード

:root {
  --auburn: #A52A2A;
  --auburn-rgb: 165, 42, 42;
}
.bg { background-color: var(--auburn); }
.text { color: var(--auburn); }

オーバーンに近い色

バーントアンバーマルーンバーガンディコニャック

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

その他の茶系の色

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

次はこれを試してみよう

名前からパレットを作る名前の文字から、あなただけの配色を作る声色診断5秒話すだけで、あなたの声を日本の伝統色に顔の印象タイプ診断子供顔・大人顔×曲線・直線で似合う服がわかる
無料診断・ツールをすべて見る →

よくある質問

オーバーンのカラーコードは?

オーバーンのHEXコードは#A52A2Aです。RGBではrgb(165, 42, 42)、HSLではhsl(0, 59%, 41%)、CMYKでは0, 75, 75, 35となります。

オーバーンの補色は何色ですか?

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

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

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

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