#887FD5

#887FD5

カラー値

HEX

#887FD5

RGB

136, 127, 213

HSL

246.3, 50.6%, 66.7%

HSV

246.3, 40.4%, 83.5%

CMYK

36.2%, 40.4%, 0.0%, 16.5%

OKLCH

0.641 0.1267 287.0

プロパティ

寒色 明るい 最も近い： Blue Violet

色彩心理学

Light blues are universally associated with clear skies, serenity, and trustworthiness. They lower blood pressure and heart rate, making them the most psychologically calming chromatic colors. Baby blue in particular symbolizes gentleness, innocence, and reliable safety.

Design Usage

Soft blues are the most widely used background color in enterprise software, social media, and healthcare apps. They create a professional yet friendly atmosphere that encourages prolonged engagement. Use them for empty states, onboarding screens, and informational banners that should feel non-threatening.

カラーハーモニー

補色

#887FD5

#CCD57F

類似色

#7FA1D5

#B37FD5

#887FD5

トライアド

#887FD5

#D5887F

#7FD588

スプリット補色

#887FD5

#D5B37F

#A1D57F

テトラード

#887FD5

#D57FA1

#CCD57F

#7FD5B3

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

オリジナル

#887FD5

第1色覚異常

#8484C0

第2色覚異常

#8585BB

第3色覚異常

#88B0AC

全色盲

#878787

CSS使用法

background-color: #887FD5;
color: #887FD5;
border-color: #887FD5;
最も近いTailwind： Indigo 400 #818CF8

Tailwindシェード

50
#F5F4FB
100
#E7E5F5
200
#CDC9ED
300
#A9A3E1
400
#7B71D0
500
#4D3FC0
600
#3D329A
700
#31287B
800
#261F60
900
#1F1A47
950
#14112D

コントラストチェッカー

白背景のテキスト

3.47:1

AA Fail AAA Fail

黒背景のテキスト

6.04:1

AA Pass AAA Fail

比較する

#887FD5
#CCD57F
#887FD5
#FFFFFF
#000000
#887FD5

関連記事

チュートリアル

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 #887FD5?

RGB(136, 127, 213) · HSL(246.3, 50.6%, 66.7%) · CMYK(36.2%, 40.4%, 0.0%, 16.5%)

Does #887FD5 meet WCAG contrast on white?

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

What text color is readable on #887FD5?

Use 000000 text on a #887FD5 background; contrast on black is 6.04:1.