#AD5DBB

#AD5DBB

カラー値

HEX

#AD5DBB

RGB

173, 93, 187

HSL

291.1, 40.9%, 54.9%

HSV

291.1, 50.3%, 73.3%

CMYK

7.5%, 50.3%, 0.0%, 26.7%

OKLCH

0.6073 0.1601 321.5

プロパティ

寒色 明るい 最も近い： orchid 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.

カラーハーモニー

補色

#AD5DBB

#6BBB5D

類似色

#7E5DBB

#BB5D9A

#AD5DBB

トライアド

#AD5DBB

#BBAD5D

#5DBBAD

スプリット補色

#AD5DBB

#9ABB5D

#5DBB7E

テトラード

#AD5DBB

#BB7E5D

#6BBB5D

#5D9ABB

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

オリジナル

#AD5DBB

第1色覚異常

#8A8AA4

第2色覚異常

#8F959F

第3色覚異常

#A9928E

全色盲

#757575

CSS使用法

background-color: #AD5DBB;
color: #AD5DBB;
border-color: #AD5DBB;
最も近いTailwind： Purple 400 #C084FC

Tailwindシェード

50
#F9F5FA
100
#F2E7F3
200
#E6CDEA
300
#D3A9DB
400
#BC7AC7
500
#A44BB4
600
#833C90
700
#693073
800
#52265A
900
#3D1F42
950
#27132A

コントラストチェッカー

白背景のテキスト

4.15:1

AA Fail AAA Fail

黒背景のテキスト

5.06:1

AA Pass AAA Fail

比較する

#AD5DBB
#6BBB5D
#AD5DBB
#FFFFFF
#000000
#AD5DBB

関連記事

チュートリアル

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

RGB(173, 93, 187) · HSL(291.1, 40.9%, 54.9%) · CMYK(7.5%, 50.3%, 0.0%, 26.7%)

Does #AD5DBB meet WCAG contrast on white?

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

What text color is readable on #AD5DBB?

Use 000000 text on a #AD5DBB background; contrast on black is 5.06:1.