色 #73624A（Heavy Brown）

16進法コード #73624A は色 Heavy Brown に対応しています。下記で RGB、HSL、CMYK の正確な値を確認でき、白と黒の背景でのコントラストを確認し、茶色ファミリー内の類似色と補色を発見できます。

HEX コード	#73624A
RGB コード	rgb(115, 98, 74)
HSLコード	hsl(35.1, 21.7%, 37.1%)
CMYKコード	cmyk(0%, 15%, 36%, 55%)
色ファミリー	茶色

コントラストとアクセシビリティ（WCAG）

白背景での表示: 5.87:1

AA ✓

AAA ✕

黒い背景上: 3.57:1

AA ✕

AAA ✕

カラーコンバーターで開くこのカラーでパレットを作成

補色

Assassin
#2D4F83

類似色

Baby Bear Kabul Roasted Pastel Brown Metropolis Cocoa

色をファミリー別に探索

469以上の名前付き色と、HEX、RGB、HSL、CMYKコードが12の色調ファミリーに整理されています。

赤 50 オレンジ 45 茶色 40 黄色 40 グリーン 55 ターコイズ 35 ブルー 55 紫色 45 ピンク 45 グレー 35 ホワイト 15 ブラック 9 パステル 36

色 Heavy Brown の使い方

CSSまたはデザインに適用する

#73624Aコードをコピーして、スタイルシートで直接使用してください。例えば、background-color: #73624A;またはcolor: #73624A;のように使用できます。別の形式の値が必要な場合は、当社のカラーコンバーターを使用してRGB、HSL、またはCMYKに変換してください。

他の色と組み合わせる

Heavy Brownを補色と一緒に、または下に示した茶色ファミリーの類似トーンと一緒に試すか、パレットジェネレーターを使用してこの色から完全なパレットを生成してください。

アクセシビリティを確認する

Heavy Brownをテキストまたは背景色として使用する前に、上記に示されている白と黒のコントラスト比を確認するか、コントラストチェッカーで任意の組み合わせを分析して、WCAG AAおよびAAA レベルに準拠していることを確認してください。

よくある質問

#73624Aの色は何ですか？

コード#73624Aは色Heavy Brownに該当し、茶色ファミリーに分類されます。

Heavy Brownとよく合う色は何ですか？

補色と類似色は下に表示されます。または、PDFDocksのパレット生成ツールを使用してHeavy Brownから完全なパレットを作成できます。

Heavy Brownの色はテキストとしてアクセス可能ですか？

背景によって異なります。上記の白と黒のコントラスト比を確認して、WCAG AAおよびAAAのアクセシビリティレベルを満たしているかご確認ください。