#DF76DC

#DF76DC

颜色值

HEX

#DF76DC

RGB

223, 118, 220

HSL

301.7, 62.1%, 66.9%

HSV

301.7, 47.1%, 87.5%

CMYK

0.0%, 47.1%, 1.3%, 12.5%

OKLCH

0.7192 0.1801 328.3

属性

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

配色方案

互补色

#DF76DC

#76DF79

类似色

#AE76DF

#DF76A8

#DF76DC

三角配色

#DF76DC

#DCDF76

#76DCDF

分裂互补色

#DF76DC

#A8DF76

#76DFAE

四角配色

#DF76DC

#DFAE76

#76DF79

#76A8DF

色觉模拟

原始

#DF76DC

红色盲

#B2B1C3

绿色盲

#B8C0BD

蓝色盲

#DAB0AC

全色盲

#949494

CSS 用法

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

Tailwind 色阶

50
#FBF3FB
100
#F7E4F6
200
#F1C5F0
300
#E89CE6
400
#DB66D8
500
#CF30CA
600
#A527A2
700
#841F81
800
#671865
900
#4C154A
950
#300D2F

对比度检查器

白底文字

2.71:1

AA Fail AAA Fail

黑底文字

7.76:1

AA Pass AAA Pass

与之比较

#DF76DC
#76DF79
#DF76DC
#FFFFFF
#000000
#DF76DC

相关文章

教程

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

一月 26, 2026
教程

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

一月 21, 2026
教程

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

一月 15, 2026

常见问题

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

RGB(223, 118, 220) · HSL(301.7, 62.1%, 66.9%) · CMYK(0.0%, 47.1%, 1.3%, 12.5%)

Does #DF76DC meet WCAG contrast on white?

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

What text color is readable on #DF76DC?

Use 000000 text on a #DF76DC background; contrast on black is 7.76:1.