#E6A5D6

#E6A5D6

颜色值

HEX

#E6A5D6

RGB

230, 165, 214

HSL

314.8, 56.5%, 77.5%

HSV

314.8, 28.3%, 90.2%

CMYK

0.0%, 28.3%, 7.0%, 9.8%

OKLCH

0.7985 0.0992 335.7

属性

暖色 浅色 最接近： Orchid

色彩心理学

Light magentas and fuchsia tints radiate playful energy, self-expression, and modern individuality. They feel bold yet approachable, associated with creativity and nonconformity. These hues challenge convention and signal a willingness to stand out.

Design Usage

Light magentas are effective for fashion, entertainment, and youth-oriented brands. They add vibrant personality as accent colors in otherwise neutral palettes. Use for notification badges, featured tags, and interactive hover states.

配色方案

互补色

#E6A5D6

#A5E6B5

类似色

#D6A5E6

#E6A5B6

#E6A5D6

三角配色

#E6A5D6

#D6E6A5

#A5D6E6

分裂互补色

#E6A5D6

#B6E6A5

#A5E6D6

四角配色

#E6A5D6

#E6D6A5

#A5E6B5

#A5B6E6

色觉模拟

原始

#E6A5D6

红色盲

#CAC9CA

绿色盲

#CED2C7

蓝色盲

#E3C1BF

全色盲

#B6B6B6

CSS 用法

background-color: #E6A5D6;
color: #E6A5D6;
border-color: #E6A5D6;
最接近的 Tailwind： Pink 300 #F9A8D4

Tailwind 色阶

50
#FBF4F9
100
#F6E5F1
200
#EFC7E6
300
#E49FD3
400
#D66BBC
500
#C837A4
600
#A02C83
700
#802369
800
#641C52
900
#49183D
950
#2E0F26

对比度检查器

白底文字

1.96:1

AA Fail AAA Fail

黑底文字

10.72:1

AA Pass AAA Pass

与之比较

#E6A5D6
#A5E6B5
#E6A5D6
#FFFFFF
#000000
#E6A5D6

相关文章

教程

CSS color-mix()：在浏览器中原生混合颜色

一月 26, 2026
教程

从零开始构建颜色选择器 Web Component

一月 21, 2026
教程

感知色彩空间：Lab、LCH、Oklab、OKLCH

一月 15, 2026