#A00399

#A00399

カラー値

HEX

#A00399

RGB

160, 3, 153

HSL

302.7, 96.3%, 32.0%

HSV

302.7, 98.1%, 62.7%

CMYK

0.0%, 98.1%, 4.4%, 37.3%

OKLCH

0.4916 0.2218 330.7

プロパティ

暖色 暗い 最も近い： darkmagenta

色彩心理学

Dark magentas convey intensity, sensuality, and sophisticated allure. They combine the depth of purple with the energy of red, creating a rich emotional impact. These hues feel dramatic and confident, suggesting artistic mastery and creative depth.

Design Usage

Dark magentas add drama and sophistication to event branding and entertainment platforms. They work well in gradient transitions from dark to vibrant for immersive hero sections. Pair with dark backgrounds and bright accents for theatrical, high-contrast compositions.

カラーハーモニー

補色

#A00399

#03A00A

類似色

#5903A0

#A0034B

#A00399

トライアド

#A00399

#99A003

#0399A0

スプリット補色

#A00399

#4BA003

#03A059

テトラード

#A00399

#A05903

#03A00A

#034BA0

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

オリジナル

#A00399

第1色覚異常

#5C5B75

第2色覚異常

#65716C

第3色覚異常

#985852

全色盲

#2F2F2F

CSS使用法

background-color: #A00399;
color: #A00399;
border-color: #A00399;
最も近いTailwind： Fuchsia 700 #A21CAF

Tailwindシェード

50
#FEF1FD
100
#FCDFFA
200
#FEB9FB
300
#FD87F7
400
#FC46F3
500
#FA05EF
600
#C804BF
700
#A00399
800
#7D0278
900
#5A0657
950
#390437

コントラストチェッカー

白背景のテキスト

7.08:1

AA Pass AAA Pass

黒背景のテキスト

2.97:1

AA Fail AAA Fail

比較する

#A00399
#03A00A
#A00399
#FFFFFF
#000000
#A00399

関連記事

チュートリアル

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

RGB(160, 3, 153) · HSL(302.7, 96.3%, 32.0%) · CMYK(0.0%, 98.1%, 4.4%, 37.3%)

Does #A00399 meet WCAG contrast on white?

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

What text color is readable on #A00399?

Use FFFFFF text on a #A00399 background; contrast on black is 2.97:1.