#DA5ADE

#DA5ADE

颜色值

HEX

#DA5ADE

RGB

218, 90, 222

HSL

298.2, 66.7%, 61.2%

HSV

298.2, 59.5%, 87.1%

CMYK

1.8%, 59.5%, 0.0%, 12.9%

OKLCH

0.6786 0.221 326.5

属性

冷色 浅色 最接近： mediumorchid 2

色彩心理学

Magenta is a stimulating, attention-commanding color that bridges passion and imagination. It represents transformation, artistic vision, and unconventional thinking. Magenta disrupts expectations and is associated with innovation and bold self-expression.

Design Usage

Medium magentas are powerful for brands that want to project creativity and boldness. They create eye-catching gradients when blended with purple or orange tones. Use sparingly as accent colors for maximum impact in otherwise restrained designs.

配色方案

互补色

#DA5ADE

#5EDE5A

类似色

#985ADE

#DE5AA0

#DA5ADE

三角配色

#DA5ADE

#DEDA5A

#5ADEDA

分裂互补色

#DA5ADE

#A0DE5A

#5ADE98

四角配色

#DA5ADE

#DE985A

#5EDE5A

#5AA0DE

色觉模拟

原始

#DA5ADE

红色盲

#A3A1BE

绿色盲

#AAB4B6

蓝色盲

#D4A59F

全色盲

#7F7F7F

CSS 用法

background-color: #DA5ADE;
color: #DA5ADE;
border-color: #DA5ADE;
最接近的 Tailwind： Fuchsia 400 #E879F9

Tailwind 色阶

50
#FBF3FC
100
#F7E3F7
200
#F2C3F3
300
#E899EB
400
#DC62E0
500
#CF2AD5
600
#A622AA
700
#851B88
800
#68156A
900
#4C134E
950
#300C31

对比度检查器

白底文字

3.23:1

AA Fail AAA Fail

黑底文字

6.5:1

AA Pass AAA Fail

与之比较

#DA5ADE
#5EDE5A
#DA5ADE
#FFFFFF
#000000
#DA5ADE

相关文章

教程

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

一月 26, 2026
教程

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

一月 21, 2026
教程

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

一月 15, 2026

常见问题

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

RGB(218, 90, 222) · HSL(298.2, 66.7%, 61.2%) · CMYK(1.8%, 59.5%, 0.0%, 12.9%)

Does #DA5ADE meet WCAG contrast on white?

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

What text color is readable on #DA5ADE?

Use 000000 text on a #DA5ADE background; contrast on black is 6.5:1.