#471B21

#471B21

カラー値

HEX

#471B21

RGB

71, 27, 33

HSL

351.8, 44.9%, 19.2%

HSV

351.8, 62.0%, 27.8%

CMYK

0.0%, 62.0%, 53.5%, 72.2%

OKLCH

0.29 0.0676 13.9

プロパティ

暖色 暗い 最も近い： RAL 3007 Black 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.

カラーハーモニー

補色

#471B21

#1B4741

類似色

#471B37

#472B1B

#471B21

トライアド

#471B21

#21471B

#1B2147

スプリット補色

#471B21

#1B472B

#1B3747

テトラード

#471B21

#37471B

#1B4741

#2B1B47

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

オリジナル

#471B21

第1色覚異常

#343420

第2色覚異常

#363A1F

第3色覚異常

#451E1E

全色盲

#252525

CSS使用法

background-color: #471B21;
color: #471B21;
border-color: #471B21;
最も近いTailwind： Rose 950 #4C0519

Tailwindシェード

50
#FAF4F5
100
#F4E6E8
200
#EBCBD0
300
#DDA6AE
400
#CB7682
500
#B94656
600
#943845
700
#762D37
800
#5C232B
900
#441D22
950
#2B1216

コントラストチェッカー

白背景のテキスト

14.52:1

AA Pass AAA Pass

黒背景のテキスト

1.45:1

AA Fail AAA Fail

比較する

#471B21
#1B4741
#471B21
#FFFFFF
#000000
#471B21

関連記事

チュートリアル

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 #471B21?

RGB(71, 27, 33) · HSL(351.8, 44.9%, 19.2%) · CMYK(0.0%, 62.0%, 53.5%, 72.2%)

Does #471B21 meet WCAG contrast on white?

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

What text color is readable on #471B21?

Use FFFFFF text on a #471B21 background; contrast on black is 1.45:1.