#762621

#762621

カラー値

HEX

#762621

RGB

118, 38, 33

HSL

3.5, 56.3%, 29.6%

HSV

3.5, 72.0%, 46.3%

CMYK

0.0%, 67.8%, 72.0%, 53.7%

OKLCH

0.3901 0.1132 27.2

プロパティ

暖色 暗い 最も近い： RAL 3011 Brown Red

色彩心理学

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.

カラーハーモニー

補色

#762621

#217176

類似色

#762147

#765021

#762621

トライアド

#762621

#217626

#262176

スプリット補色

#762621

#217650

#214776

テトラード

#762621

#477621

#217176

#502176

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

オリジナル

#762621

第1色覚異常

#535322

第2色覚異常

#585E22

第3色覚異常

#722323

全色盲

#373737

CSS使用法

background-color: #762621;
color: #762621;
border-color: #762621;
最も近いTailwind： Red 900 #7F1D1D

Tailwindシェード

50
#FBF4F4
100
#F6E6E5
200
#EFCAC7
300
#E4A39F
400
#D6726C
500
#C74038
600
#9F332D
700
#802924
800
#64201C
900
#491B18
950
#2E110F

コントラストチェッカー

白背景のテキスト

10.15:1

AA Pass AAA Pass

黒背景のテキスト

2.07:1

AA Fail AAA Fail

比較する

#762621
#217176
#762621
#FFFFFF
#000000
#762621

関連記事

チュートリアル

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 #762621?

RGB(118, 38, 33) · HSL(3.5, 56.3%, 29.6%) · CMYK(0.0%, 67.8%, 72.0%, 53.7%)

Does #762621 meet WCAG contrast on white?

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

What text color is readable on #762621?

Use FFFFFF text on a #762621 background; contrast on black is 2.07:1.