#D2A9DA

#D2A9DA

カラー値

HEX

#D2A9DA

RGB

210, 169, 218

HSL

290.2, 39.8%, 75.9%

HSV

290.2, 22.5%, 85.5%

CMYK

3.7%, 22.5%, 0.0%, 14.5%

OKLCH

0.7874 0.0815 320.8

プロパティ

寒色 明るい 最も近い： Wisteria

色彩心理学

Light magentas and fuchsia tints radiate playful energy, self-expression, and modern individuality. They feel bold yet approachable, associated with creativity and nonconformity. These hues challenge convention and signal a willingness to stand out.

Design Usage

Light magentas are effective for fashion, entertainment, and youth-oriented brands. They add vibrant personality as accent colors in otherwise neutral palettes. Use for notification badges, featured tags, and interactive hover states.

カラーハーモニー

補色

#D2A9DA

#B1DAA9

類似色

#BAA9DA

#DAA9CA

#D2A9DA

トライアド

#D2A9DA

#DAD2A9

#A9DAD2

スプリット補色

#D2A9DA

#CADAA9

#A9DABA

テトラード

#D2A9DA

#DABAA9

#B1DAA9

#A9CADA

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

オリジナル

#D2A9DA

第1色覚異常

#C0C0CE

第2色覚異常

#C3C6CB

第3色覚異常

#D0C5C3

全色盲

#B5B5B5

CSS使用法

background-color: #D2A9DA;
color: #D2A9DA;
border-color: #D2A9DA;
最も近いTailwind： Purple 300 #D8B4FE

Tailwindシェード

50
#F9F5FA
100
#F1E7F3
200
#E5CDEA
300
#D2A9DA
400
#BA7BC6
500
#A24DB2
600
#813D8F
700
#673172
800
#512659
900
#3C1F42
950
#26142A

コントラストチェッカー

白背景のテキスト

2.01:1

AA Fail AAA Fail

黒背景のテキスト

10.43:1

AA Pass AAA Pass

比較する

#D2A9DA
#B1DAA9
#D2A9DA
#FFFFFF
#000000
#D2A9DA

関連記事

チュートリアル

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

RGB(210, 169, 218) · HSL(290.2, 39.8%, 75.9%) · CMYK(3.7%, 22.5%, 0.0%, 14.5%)

Does #D2A9DA meet WCAG contrast on white?

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

What text color is readable on #D2A9DA?

Use 000000 text on a #D2A9DA background; contrast on black is 10.43:1.