#D47DBB

#D47DBB

カラー値

HEX

#D47DBB

RGB

212, 125, 187

HSL

317.2, 50.3%, 66.1%

HSV

317.2, 41.0%, 83.1%

CMYK

0.0%, 41.0%, 11.8%, 16.9%

OKLCH

0.7027 0.1323 338.5

プロパティ

暖色 明るい 最も近い： plum 3

色彩心理学

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.

カラーハーモニー

補色

#D47DBB

#7DD496

類似色

#C17DD4

#D47D90

#D47DBB

トライアド

#D47DBB

#BBD47D

#7DBBD4

スプリット補色

#D47DBB

#90D47D

#7DD4C1

テトラード

#D47DBB

#D4C17D

#7DD496

#7D90D4

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

オリジナル

#D47DBB

第1色覚異常

#AEAEAC

第2色覚異常

#B3BAA8

第3色覚異常

#D0A09E

全色盲

#949494

CSS使用法

background-color: #D47DBB;
color: #D47DBB;
border-color: #D47DBB;
最も近いTailwind： Pink 400 #F472B6

Tailwindシェード

50
#FBF4F9
100
#F5E6F0
200
#EDC9E3
300
#E1A3CF
400
#D071B5
500
#C03F9B
600
#99337C
700
#7B2963
800
#60204D
900
#461B3A
950
#2C1125

コントラストチェッカー

白背景のテキスト

2.82:1

AA Fail AAA Fail

黒背景のテキスト

7.45:1

AA Pass AAA Pass

比較する

#D47DBB
#7DD496
#D47DBB
#FFFFFF
#000000
#D47DBB

関連記事

チュートリアル

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

RGB(212, 125, 187) · HSL(317.2, 50.3%, 66.1%) · CMYK(0.0%, 41.0%, 11.8%, 16.9%)

Does #D47DBB meet WCAG contrast on white?

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

What text color is readable on #D47DBB?

Use 000000 text on a #D47DBB background; contrast on black is 7.45:1.