#732C21

#732C21

カラー値

HEX

#732C21

RGB

115, 44, 33

HSL

8.0, 55.4%, 29.0%

HSV

8.0, 71.3%, 45.1%

CMYK

0.0%, 61.7%, 71.3%, 54.9%

OKLCH

0.3932 0.1029 31.0

プロパティ

暖色 暗い 最も近い： RAL 8029 Pearl Copper

色彩心理学

Dark reds like maroon and burgundy convey sophistication, maturity, and deep emotion. These tones are linked to fine wine, aged leather, and established authority. They carry the intensity of red but channel it into a more restrained, refined expression of power.

Design Usage

Dark reds suit luxury brands, law firms, and premium product packaging. In web design, they create rich hero sections and elegant navigation bars without the visual aggressiveness of brighter reds. They work well with gold accents, cream text, and dark backgrounds for a classic aesthetic.

カラーハーモニー

補色

#732C21

#216873

類似色

#73213F

#735521

#732C21

トライアド

#732C21

#21732C

#2C2173

スプリット補色

#732C21

#217355

#213F73

テトラード

#732C21

#3F7321

#216873

#552173

色覚異常シミュレーション

オリジナル

#732C21

第1色覚異常

#545424

第2色覚異常

#585E24

第3色覚異常

#6F2626

全色盲

#3A3A3A

CSS使用法

background-color: #732C21;
color: #732C21;
border-color: #732C21;
最も近いTailwind： Orange 900 #7C2D12

Tailwindシェード

50
#FBF5F4
100
#F6E7E5
200
#EFCDC8
300
#E4A9A0
400
#D57A6C
500
#C64C39
600
#9F3D2D
700
#7F3024
800
#63261C
900
#491F18
950
#2E130F

コントラストチェッカー

白背景のテキスト

9.95:1

AA Pass AAA Pass

黒背景のテキスト

2.11:1

AA Fail AAA Fail

比較する

#732C21
#216873
#732C21
#FFFFFF
#000000
#732C21

関連記事

チュートリアル

CSS color-mix()：ブラウザでネイティブにカラーをブレンド

1月 26, 2026
チュートリアル

カラーピッカーWebコンポーネントをゼロから構築する

1月 21, 2026
チュートリアル

知覚的色空間：Lab、LCH、Oklab、OKLCH

1月 15, 2026

よくある質問

What are the RGB, HSL, and CMYK values of #732C21?

RGB(115, 44, 33) · HSL(8.0, 55.4%, 29.0%) · CMYK(0.0%, 61.7%, 71.3%, 54.9%)

Does #732C21 meet WCAG contrast on white?

9.95:1 — WCAG AA 合格, AAA 合格 for normal text.

What text color is readable on #732C21?

Use FFFFFF text on a #732C21 background; contrast on black is 2.11:1.