#4C39DF

#4C39DF

#CCDF39

#CCDF39

对比度

4.79:1

Delta E

181.05

Very Different

50:50 混合

#AB8B9B

颜色值

格式 #4C39DF #CCDF39
HEX #4C39DF #CCDF39
RGB 76, 57, 223 204, 223, 57
HSL 246.9, 72.2%, 54.9% 66.9, 72.2%, 54.9%
HSV 246.9, 74.4%, 87.5% 66.9, 74.4%, 87.5%
CMYK 65.9%, 74.4%, 0.0%, 12.5% 8.5%, 0.0%, 74.4%, 12.5%
OKLCH 0.4851 0.2364 278.0 0.8613 0.1801 116.1

对比度与无障碍

4.79:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

敏捷的棕色狐狸跳过了懒狗

文本: #CCDF39 → 背景色: #4C39DF

敏捷的棕色狐狸跳过了懒狗

文本: #4C39DF → 背景色: #CCDF39

色差 (Delta E)

181.05 Very Different
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#4C39DF #7B54C9 #9770B2 #AB8B9B #BAA781 #C4C363 #CCDF39

颜色混合

#4C39DF

100%

#8A62BE

75:25

#AB8B9B

50:50

#BFB573

25:75

#CCDF39

100%

CSS渐变代码

background: linear-gradient(to right, #4C39DF, #CCDF39);
background: linear-gradient(135deg, #4C39DF, #CCDF39);

探索每种颜色

#4C39DF

查看完整颜色详情

#CCDF39

查看完整颜色详情

相关比较