#B482C0

#B482C0

カラー値

HEX

#B482C0

RGB

180, 130, 192

HSL

288.4, 33.0%, 63.1%

HSV

288.4, 32.3%, 75.3%

CMYK

6.2%, 32.3%, 0.0%, 24.7%

OKLCH

0.6774 0.1048 319.7

プロパティ

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

カラーハーモニー

補色

#B482C0

#8EC082

類似色

#9582C0

#C082AD

#B482C0

トライアド

#B482C0

#C0B482

#82C0B4

スプリット補色

#B482C0

#ADC082

#82C095

テトラード

#B482C0

#C09582

#8EC082

#82ADC0

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

オリジナル

#B482C0

第1色覚異常

#9E9EB1

第2色覚異常

#A1A5AD

第3色覚異常

#B2A5A3

全色盲

#919191

CSS使用法

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

Tailwindシェード

50
#F9F5F9
100
#F0E8F2
200
#E3D0E7
300
#CEAED6
400
#B482C0
500
#9955AA
600
#7B4488
700
#62376D
800
#4D2B55
900
#39223F
950
#241628

コントラストチェッカー

白背景のテキスト

3.05:1

AA Fail AAA Fail

黒背景のテキスト

6.89:1

AA Pass AAA Fail

比較する

#B482C0
#8EC082
#B482C0
#FFFFFF
#000000
#B482C0

関連記事

チュートリアル

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

RGB(180, 130, 192) · HSL(288.4, 33.0%, 63.1%) · CMYK(6.2%, 32.3%, 0.0%, 24.7%)

Does #B482C0 meet WCAG contrast on white?

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

What text color is readable on #B482C0?

Use 000000 text on a #B482C0 background; contrast on black is 6.89:1.