#D87ABC

#D87ABC

カラー値

HEX

#D87ABC

RGB

216, 122, 188

HSL

317.9, 54.7%, 66.3%

HSV

317.9, 43.5%, 84.7%

CMYK

0.0%, 43.5%, 13.0%, 15.3%

OKLCH

0.7032 0.1416 339.3

プロパティ

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

カラーハーモニー

補色

#D87ABC

#7AD896

類似色

#C57AD8

#D87A8D

#D87ABC

トライアド

#D87ABC

#BCD87A

#7ABCD8

スプリット補色

#D87ABC

#8DD87A

#7AD8C5

テトラード

#D87ABC

#D8C57A

#7AD896

#7A8DD8

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

オリジナル

#D87ABC

第1色覚異常

#AFAEAC

第2色覚異常

#B5BCA8

第3色覚異常

#D39F9D

全色盲

#939393

CSS使用法

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

Tailwindシェード

50
#FBF4F9
100
#F5E5F0
200
#EFC8E3
300
#E3A0CF
400
#D46DB5
500
#C53A9C
600
#9E2E7D
700
#7E2564
800
#631D4E
900
#48193A
950
#2E1025

コントラストチェッカー

白背景のテキスト

2.83:1

AA Fail AAA Fail

黒背景のテキスト

7.43:1

AA Pass AAA Pass

比較する

#D87ABC
#7AD896
#D87ABC
#FFFFFF
#000000
#D87ABC

関連記事

チュートリアル

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

RGB(216, 122, 188) · HSL(317.9, 54.7%, 66.3%) · CMYK(0.0%, 43.5%, 13.0%, 15.3%)

Does #D87ABC meet WCAG contrast on white?

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

What text color is readable on #D87ABC?

Use 000000 text on a #D87ABC background; contrast on black is 7.43:1.