主页色彩百科库
紫色 · 💻 CSS

Mediumorchid

#BA55D3

A medium vivid purple with natural undertones. CSS standard color "mediumorchid", widely used in web design and development.

以此色生成配色方案 →

情感与情绪

情感
BalancedCreative
情绪
StableGrounded

性格与象征

BalancedApproachableVersatile
推荐用途

Suitable for accent colors and attention-grabbing elements.

色彩和谐

深色变体
浅色变体

视觉分析

色相288°
饱和度59%
亮度58%
这是一个中间色调颜色,饱和度中等。它属于紫色相族(288°),在色环上处于冷色一侧。

技术参数

HEX#BA55D3
RGBrgb(186, 85, 211)
HSLhsl(288, 59%, 58%)
CMYK12%, 60%, 0%, 17%
对比度Light
CSSbackground: #ba55d3;

可访问性 — WCAG 对比度

白色文字示例
The quick brown fox jumps.
3.94:1
AA AAA
黑色文字示例
The quick brown fox jumps.
5.33:1
AA AAA

WCAG 2.1 标准要求对比度 ≥4.5:1(AA 级)和 ≥7:1(AAA 级)。此颜色作为背景时推荐使用黑色 (#000000)文字。

色彩心理学

色温感知

这个颜色处于冷暖色调的过渡带(色相 288°),既不过于活跃也不过于冷静,心理感受上非常灵活多用。

视觉重量

中间亮度(58%)创造了平衡的视觉感受,既不沉重也不虚浮,适合文字和交互元素。

饱和度影响

中等饱和度(59%)平衡了吸引力和视觉舒适度。这类色调可以长时间观看而不疲劳,适合日常使用的界面。

设计应用场景

奢侈高端

唤起奢华与独特感,适合高端品牌、美妆产品和时尚行业。

艺术灵性

连接想象力与灵性,适合画廊网站、冥想应用和创意作品集。

相似颜色

Heather
#A484AC
Dark Purplish-Brown
#1D0C21
Indigo-purple (Dull Burgundy Wine)
#3C2242
Faded Purple
#916E99
Purplish Grey
#7A687F
보라 (Violet)
#7B2D8B
Purply
#983FB2
Heliotrope
#D94FF5