#BB3D88

#BB3D88

カラー値

HEX

#BB3D88

RGB

187, 61, 136

HSL

324.3, 50.8%, 48.6%

HSV

324.3, 67.4%, 73.3%

CMYK

0.0%, 67.4%, 27.3%, 26.7%

OKLCH

0.5628 0.1784 347.7

プロパティ

暖色 暗い 最も近い： Red Violet

色彩心理学

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.

カラーハーモニー

補色

#BB3D88

#3DBB70

類似色

#AF3DBB

#BB3D49

#BB3D88

トライアド

#BB3D88

#88BB3D

#3D88BB

スプリット補色

#BB3D88

#49BB3D

#3DBBAF

テトラード

#BB3D88

#BBAF3D

#3DBB70

#3D49BB

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

オリジナル

#BB3D88

第1色覚異常

#848376

第2色覚異常

#8C9571

第3色覚異常

#B56864

全色盲

#5D5D5D

CSS使用法

background-color: #BB3D88;
color: #BB3D88;
border-color: #BB3D88;
最も近いTailwind： Pink 500 #EC4899

Tailwindシェード

50
#FBF4F8
100
#F5E5EF
200
#EDC9DF
300
#E1A3C8
400
#D171AA
500
#C03F8C
600
#9A3270
700
#7B2859
800
#601F46
900
#471A35
950
#2D1121

コントラストチェッカー

白背景のテキスト

5.08:1

AA Pass AAA Fail

黒背景のテキスト

4.14:1

AA Fail AAA Fail

比較する

#BB3D88
#3DBB70
#BB3D88
#FFFFFF
#000000
#BB3D88

関連記事

チュートリアル

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

RGB(187, 61, 136) · HSL(324.3, 50.8%, 48.6%) · CMYK(0.0%, 67.4%, 27.3%, 26.7%)

Does #BB3D88 meet WCAG contrast on white?

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

What text color is readable on #BB3D88?

Use FFFFFF text on a #BB3D88 background; contrast on black is 4.14:1.