mediumorchid

#BA55D3

CSS color

Medium Orchid (#BA55D3) is a vivid, medium-bright purple CSS named color sitting at the heart of the orchid family—more vivid than lavender, less dark than dark orchid. It has a lush, floral quality evoking tropical orchids and amethyst crystals, communicating creativity, luxury, and a modern botanical sensibility. It is widely used in beauty and wellness branding.

カラー値

HEX

#BA55D3

RGB

186, 85, 211

HSL

288.1, 58.9%, 58.0%

HSV

288.1, 59.7%, 82.7%

CMYK

11.8%, 59.7%, 0.0%, 17.3%

OKLCH

0.6256 0.2024 319.2

プロパティ

色彩心理学

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.

カラーハーモニー

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

CSS使用法

background-color: #BA55D3;
color: #BA55D3;
border-color: #BA55D3;
最も近いTailwind: Fuchsia 400 #E879F9

Tailwindシェード

コントラストチェッカー

白背景のテキスト

3.94:1

AA Fail AAA Fail

黒背景のテキスト

5.33:1

AA Pass AAA Fail

比較する

よくある質問

What are the RGB, HSL, and CMYK values of #BA55D3?

RGB(186, 85, 211) · HSL(288.1, 58.9%, 58.0%) · CMYK(11.8%, 59.7%, 0.0%, 17.3%)

Does #BA55D3 meet WCAG contrast on white?

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

What text color is readable on #BA55D3?

Use 000000 text on a #BA55D3 background; contrast on black is 5.33:1.