#A71981

#A71981

カラー値

HEX

#A71981

RGB

167, 25, 129

HSL

316.1, 74.0%, 37.6%

HSV

316.1, 85.0%, 65.5%

CMYK

0.0%, 85.0%, 22.8%, 34.5%

OKLCH

0.4983 0.1987 342.3

プロパティ

暖色 暗い 最も近い： maroon 3

色彩心理学

Magenta is a stimulating, attention-commanding color that bridges passion and imagination. It represents transformation, artistic vision, and unconventional thinking. Magenta disrupts expectations and is associated with innovation and bold self-expression.

Design Usage

Medium magentas are powerful for brands that want to project creativity and boldness. They create eye-catching gradients when blended with purple or orange tones. Use sparingly as accent colors for maximum impact in otherwise restrained designs.

カラーハーモニー

補色

#A71981

#19A73F

類似色

#8619A7

#A7193A

#A71981

トライアド

#A71981

#81A719

#1981A7

スプリット補色

#A71981

#3AA719

#19A786

テトラード

#A71981

#A78619

#19A73F

#193AA7

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

オリジナル

#A71981

第1色覚異常

#696868

第2色覚異常

#727C62

第3色覚異常

#A05450

全色盲

#3F3F3F

CSS使用法

background-color: #A71981;
color: #A71981;
border-color: #A71981;
最も近いTailwind： Fuchsia 800 #86198F

Tailwindシェード

50
#FCF3FA
100
#F8E2F2
200
#F6C1E8
300
#EF95D7
400
#E65BC1
500
#DE21AB
600
#B11B89
700
#8E156E
800
#6F1156
900
#51103F
950
#330A28

コントラストチェッカー

白背景のテキスト

6.78:1

AA Pass AAA Fail

黒背景のテキスト

3.1:1

AA Fail AAA Fail

比較する

#A71981
#19A73F
#A71981
#FFFFFF
#000000
#A71981

関連記事

チュートリアル

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

RGB(167, 25, 129) · HSL(316.1, 74.0%, 37.6%) · CMYK(0.0%, 85.0%, 22.8%, 34.5%)

Does #A71981 meet WCAG contrast on white?

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

What text color is readable on #A71981?

Use FFFFFF text on a #A71981 background; contrast on black is 3.1:1.