#AF73BC

#AF73BC

カラー値

HEX

#AF73BC

RGB

175, 115, 188

HSL

289.3, 35.3%, 59.4%

HSV

289.3, 38.8%, 73.7%

CMYK

6.9%, 38.8%, 0.0%, 26.3%

OKLCH

0.6445 0.1244 320.3

プロパティ

寒色 明るい 最も近い： NCS S 1040-R60B Orchid

色彩心理学

True purple has been the color of royalty for millennia because Tyrian purple dye was extraordinarily rare and expensive. It represents luxury, creativity, and visionary thinking. Purple stimulates problem-solving and artistic expression, bridging the physical energy of red with the calm stability of blue.

Design Usage

Medium purple is a strong primary brand color for creative agencies, streaming platforms, and premium product tiers. It differentiates effectively from the blue-green dominated tech landscape. Use it for premium badges, creator tools, and feature gating where exclusivity should be communicated.

カラーハーモニー

補色

#AF73BC

#80BC73

類似色

#8A73BC

#BC73A5

#AF73BC

トライアド

#AF73BC

#BCAF73

#73BCAF

スプリット補色

#AF73BC

#A5BC73

#73BC8A

テトラード

#AF73BC

#BC8A73

#80BC73

#73A5BC

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

オリジナル

#AF73BC

第1色覚異常

#9594AA

第2色覚異常

#989DA6

第3色覚異常

#AC9C99

全色盲

#858585

CSS使用法

background-color: #AF73BC;
color: #AF73BC;
border-color: #AF73BC;
最も近いTailwind： Fuchsia 300 #F0ABFC

Tailwindシェード

50
#F9F5FA
100
#F1E8F3
200
#E3CFE8
300
#D0ACD7
400
#B67FC2
500
#9C52AD
600
#7D428A
700
#64356E
800
#4E2956
900
#3A2140
950
#251528

コントラストチェッカー

白背景のテキスト

3.5:1

AA Fail AAA Fail

黒背景のテキスト

6.0:1

AA Pass AAA Fail

比較する

#AF73BC
#80BC73
#AF73BC
#FFFFFF
#000000
#AF73BC

関連記事

チュートリアル

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

RGB(175, 115, 188) · HSL(289.3, 35.3%, 59.4%) · CMYK(6.9%, 38.8%, 0.0%, 26.3%)

Does #AF73BC meet WCAG contrast on white?

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

What text color is readable on #AF73BC?

Use 000000 text on a #AF73BC background; contrast on black is 6.0:1.