#A681AF

#A681AF

カラー値

HEX

#A681AF

RGB

166, 129, 175

HSL

288.3, 22.3%, 59.6%

HSV

288.3, 26.3%, 68.6%

CMYK

5.1%, 26.3%, 0.0%, 31.4%

OKLCH

0.6544 0.0789 319.6

プロパティ

寒色 明るい 最も近い： RAL 4011 Pearl Violet

色彩心理学

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.

カラーハーモニー

補色

#A681AF

#8AAF81

類似色

#8F81AF

#AF81A1

#A681AF

トライアド

#A681AF

#AFA681

#81AFA6

スプリット補色

#A681AF

#A1AF81

#81AF8F

テトラード

#A681AF

#AF8F81

#8AAF81

#81A1AF

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

オリジナル

#A681AF

第1色覚異常

#9696A4

第2色覚異常

#989BA1

第3色覚異常

#A49B99

全色盲

#8C8C8C

CSS使用法

background-color: #A681AF;
color: #A681AF;
border-color: #A681AF;
最も近いTailwind： Violet 300 #C4B5FD

Tailwindシェード

50
#F8F6F9
100
#EFEAF1
200
#E0D3E3
300
#CAB4CF
400
#AD8CB6
500
#91639C
600
#744F7D
700
#5D3F64
800
#48324E
900
#36273A
950
#221825

コントラストチェッカー

白背景のテキスト

3.29:1

AA Fail AAA Fail

黒背景のテキスト

6.38:1

AA Pass AAA Fail

比較する

#A681AF
#8AAF81
#A681AF
#FFFFFF
#000000
#A681AF

関連記事

チュートリアル

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

RGB(166, 129, 175) · HSL(288.3, 22.3%, 59.6%) · CMYK(5.1%, 26.3%, 0.0%, 31.4%)

Does #A681AF meet WCAG contrast on white?

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

What text color is readable on #A681AF?

Use 000000 text on a #A681AF background; contrast on black is 6.38:1.