銅色

チリやペルーの鉱業と深く結びついた金属、銅にちなんだ名前です。温かみのあるメタリックなオレンジです。照明器具や水栓金具、ヘアカラー、高級感のあるデザインのディテールに使われます。

別名：カッパー, あかがね色

銅色 · #B87333

銅色の基本情報

銅色（#B87333）は、暖色系・中くらいの明るさ・中くらいの彩度の色です。オレンジ系の色のグループに属します。RGBの値は赤184・緑115・青51（各255段階）。主な用途：インテリア, ジュエリー, ヘアカラー。

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

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

トライアド近い色：翡翠色, グレープ

スプリット・コンプリメンタリー近い色：ティファニーブルー, クラインブルー

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

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

類似色パレット · 銅色

補色パレット · 銅色

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

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

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

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

黒い文字コントラスト比 5.5:1 · AA

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

:root {
  --copper: #B87333;
  --copper-rgb: 184, 115, 51;
}
.bg { background-color: var(--copper); }
.text { color: var(--copper); }

銅色のカラーコードは？

銅色のHEXコードは#B87333です。RGBではrgb(184, 115, 51)、HSLではhsl(29, 57%, 46%)、CMYKでは0, 38, 72, 28となります。

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

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

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

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