#B7204F

#B7204F

カラー値

HEX

#B7204F

RGB

183, 32, 79

HSL

341.3, 70.2%, 42.2%

HSV

341.3, 82.5%, 71.8%

CMYK

0.0%, 82.5%, 56.8%, 28.2%

OKLCH

0.5125 0.1852 9.5

プロパティ

暖色 暗い 最も近い： Jazzberry Jam

色彩心理学

Vivid pinks project confidence, playfulness, and bold self-expression. They challenge traditional associations, carrying both the warmth of red and the creativity of violet. Hot pink in particular signals rebellion against conventions and unapologetic individuality.

Design Usage

Medium pink is effective for fashion brands, social media platforms, and marketing campaigns targeting Gen Z audiences. It makes impactful gradient elements when blended with purple or orange. Use it for accent buttons and promotional banners where energy and excitement should override corporate formality.

カラーハーモニー

補色

#B7204F

#20B788

類似色

#B7209B

#B73D20

#B7204F

トライアド

#B7204F

#4FB720

#204FB7

スプリット補色

#B7204F

#20B73D

#209BB7

テトラード

#B7204F

#9BB720

#20B788

#3D20B7

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

オリジナル

#B7204F

第1色覚異常

#767444

第2色覚異常

#7E8A41

第3色覚異常

#AF3B39

全色盲

#434343

CSS使用法

background-color: #B7204F;
color: #B7204F;
border-color: #B7204F;
最も近いTailwind： Pink 700 #BE185D

Tailwindシェード

50
#FCF3F6
100
#F8E2E9
200
#F4C2D2
300
#ED97B2
400
#E35E88
500
#D9265E
600
#AE1E4B
700
#8B183C
800
#6D132F
900
#4F1225
950
#320B17

コントラストチェッカー

白背景のテキスト

6.3:1

AA Pass AAA Fail

黒背景のテキスト

3.33:1

AA Fail AAA Fail

比較する

#B7204F
#20B788
#B7204F
#FFFFFF
#000000
#B7204F

関連記事

チュートリアル

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

RGB(183, 32, 79) · HSL(341.3, 70.2%, 42.2%) · CMYK(0.0%, 82.5%, 56.8%, 28.2%)

Does #B7204F meet WCAG contrast on white?

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

What text color is readable on #B7204F?

Use FFFFFF text on a #B7204F background; contrast on black is 3.33:1.