#ECBEEE

#ECBEEE

颜色值

HEX

#ECBEEE

RGB

236, 190, 238

HSL

297.5, 58.5%, 83.9%

HSV

297.5, 20.2%, 93.3%

CMYK

0.8%, 20.2%, 0.0%, 6.7%

OKLCH

0.8568 0.082 324.9

属性

冷色 浅色 最接近： 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.

配色方案

互补色

#ECBEEE

#C0EEBE

类似色

#D4BEEE

#EEBED8

#ECBEEE

三角配色

#ECBEEE

#EEECBE

#BEEEEC

分裂互补色

#ECBEEE

#D8EEBE

#BEEED4

四角配色

#ECBEEE

#EED4BE

#C0EEBE

#BED8EE

色觉模拟

原始

#ECBEEE

红色盲

#D8D8E2

绿色盲

#DBDEE0

蓝色盲

#EAD9D7

全色盲

#CBCBCB

CSS 用法

background-color: #ECBEEE;
color: #ECBEEE;
border-color: #ECBEEE;
最接近的 Tailwind： Fuchsia 200 #F5D0FE

Tailwind 色阶

50
#FBF4FB
100
#F5E4F6
200
#EEC6F0
300
#E39EE6
400
#D369D8
500
#C435CA
600
#9D2AA2
700
#7D2281
800
#621A65
900
#48174A
950
#2D0E2F

对比度检查器

白底文字

1.59:1

AA Fail AAA Fail

黑底文字

13.17:1

AA Pass AAA Pass

与之比较

#ECBEEE
#C0EEBE
#ECBEEE
#FFFFFF
#000000
#ECBEEE

相关文章

教程

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

一月 26, 2026
教程

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

一月 21, 2026
教程

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

一月 15, 2026

常见问题

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

RGB(236, 190, 238) · HSL(297.5, 58.5%, 83.9%) · CMYK(0.8%, 20.2%, 0.0%, 6.7%)

Does #ECBEEE meet WCAG contrast on white?

1.59:1 — WCAG AA 不通过, AAA 不通过 for normal text.

What text color is readable on #ECBEEE?

Use 000000 text on a #ECBEEE background; contrast on black is 13.17:1.