板チョコのような、赤みを帯びた深い茶色です。カカオはメソアメリカ原産で、チョコレートという言葉はナワトル語に由来します。冬服やお菓子のパッケージ、家具に使われます。
別名:チョコレート色, チョコ色
チョコレートブラウン(#7B3F00)は、暖色系・暗め・鮮やかの色です。茶系の色のグループに属します。RGBの値は赤123・緑63・青0(各255段階)。主な用途:ファッション, 製菓, インテリア。
明るい色から暗い色の順に並んでいます。色をタップするとカラーコードをコピーできます。
色相環にもとづいた配色です。配色ハーモニーツールでさらに多くのパターンを試せます。
カラーコードをコピーするか、エディターで開いて自由に調整できます。
WCAG 2.1の基準にもとづいています。ほかの色の組み合わせはコントラストチェッカーで確認できます。
:root {
--chocolate-brown: #7B3F00;
--chocolate-brown-rgb: 123, 63, 0;
}
.bg { background-color: var(--chocolate-brown); }
.text { color: var(--chocolate-brown); }チョコレートブラウンのHEXコードは#7B3F00です。RGBではrgb(123, 63, 0)、HSLではhsl(31, 100%, 24%)、CMYKでは0, 49, 100, 52となります。
色相環で反対側にある補色は#003C7Bで、ウルトラバイオレットに近い色合いです。少量をアクセントとして使うと、強いコントラストが生まれます。
はい。白とのコントラスト比は8.2:1で、通常サイズの文字にも十分です(WCAG AA)。