#B185BC

#B185BC

カラー値

HEX

#B185BC

RGB

177, 133, 188

HSL

288.0, 29.1%, 62.9%

HSV

288.0, 29.3%, 73.7%

CMYK

5.9%, 29.3%, 0.0%, 26.3%

OKLCH

0.6781 0.0931 319.5

プロパティ

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

色彩心理学

True purple has been the color of royalty for millennia because Tyrian purple dye was extraordinarily rare and expensive. It represents luxury, creativity, and visionary thinking. Purple stimulates problem-solving and artistic expression, bridging the physical energy of red with the calm stability of blue.

Design Usage

Medium purple is a strong primary brand color for creative agencies, streaming platforms, and premium product tiers. It differentiates effectively from the blue-green dominated tech landscape. Use it for premium badges, creator tools, and feature gating where exclusivity should be communicated.

カラーハーモニー

補色

#B185BC

#90BC85

類似色

#9585BC

#BC85AB

#B185BC

トライアド

#B185BC

#BCB185

#85BCB1

スプリット補色

#B185BC

#ABBC85

#85BC95

テトラード

#B185BC

#BC9585

#90BC85

#85ABBC

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

オリジナル

#B185BC

第1色覚異常

#9E9EAF

第2色覚異常

#A0A4AC

第3色覚異常

#AFA4A2

全色盲

#929292

CSS使用法

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

Tailwindシェード

50
#F8F5F9
100
#F0E9F2
200
#E2D1E6
300
#CCB0D4
400
#B185BC
500
#965AA5
600
#784884
700
#603A69
800
#4B2D52
900
#38243D
950
#231727

コントラストチェッカー

白背景のテキスト

3.02:1

AA Fail AAA Fail

黒背景のテキスト

6.95:1

AA Pass AAA Fail

比較する

#B185BC
#90BC85
#B185BC
#FFFFFF
#000000
#B185BC

関連記事

チュートリアル

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

RGB(177, 133, 188) · HSL(288.0, 29.1%, 62.9%) · CMYK(5.9%, 29.3%, 0.0%, 26.3%)

Does #B185BC meet WCAG contrast on white?

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

What text color is readable on #B185BC?

Use 000000 text on a #B185BC background; contrast on black is 6.95:1.