#DF4AE2

#DF4AE2

颜色值

HEX

#DF4AE2

RGB

223, 74, 226

HSL

298.8, 72.4%, 58.8%

HSV

298.8, 67.3%, 88.6%

CMYK

1.3%, 67.3%, 0.0%, 11.4%

OKLCH

0.6711 0.247 327.1

属性

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

配色方案

互补色

#DF4AE2

#4DE24A

类似色

#934AE2

#E24A99

#DF4AE2

三角配色

#DF4AE2

#E2DF4A

#4AE2DF

分裂互补色

#DF4AE2

#99E24A

#4AE293

四角配色

#DF4AE2

#E2934A

#4DE24A

#4A99E2

色觉模拟

原始

#DF4AE2

红色盲

#9E9DBD

绿色盲

#A7B2B4

蓝色盲

#D8A09A

全色盲

#757575

CSS 用法

background-color: #DF4AE2;
color: #DF4AE2;
border-color: #DF4AE2;
最接近的 Tailwind： Fuchsia 500 #D946EF

Tailwind 色阶

50
#FCF3FC
100
#F8E2F8
200
#F4C1F5
300
#EC95EE
400
#E25CE5
500
#D823DC
600
#AD1CB0
700
#8A178D
800
#6C126E
900
#4F1150
950
#320B33

对比度检查器

白底文字

3.38:1

AA Fail AAA Fail

黑底文字

6.22:1

AA Pass AAA Fail

与之比较

#DF4AE2
#4DE24A
#DF4AE2
#FFFFFF
#000000
#DF4AE2

相关文章

教程

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

一月 26, 2026
教程

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

一月 21, 2026
教程

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

一月 15, 2026

常见问题

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

RGB(223, 74, 226) · HSL(298.8, 72.4%, 58.8%) · CMYK(1.3%, 67.3%, 0.0%, 11.4%)

Does #DF4AE2 meet WCAG contrast on white?

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

What text color is readable on #DF4AE2?

Use 000000 text on a #DF4AE2 background; contrast on black is 6.22:1.