#784DDA

#784DDA

#AFDA4D

#AFDA4D

对比度

3.35:1

Delta E

158.01

Very Different

50:50 混合

#A6959D

颜色值

格式 #784DDA #AFDA4D
HEX #784DDA #AFDA4D
RGB 120, 77, 218 175, 218, 77
HSL 258.3, 65.6%, 57.8% 78.3, 65.6%, 57.8%
HSV 258.3, 64.7%, 85.5% 78.3, 64.7%, 85.5%
CMYK 45.0%, 64.7%, 0.0%, 14.5% 19.7%, 0.0%, 64.7%, 14.5%
OKLCH 0.5453 0.2044 292.3 0.8308 0.1728 124.6

对比度与无障碍

3.35:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #AFDA4D → 背景色: #784DDA

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

文本: #784DDA → 背景色: #AFDA4D

色差 (Delta E)

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

渐变

#784DDA #8D66C6 #9C7DB2 #A6959D #ACAC86 #AFC36D #AFDA4D

颜色混合

#784DDA

100%

#9572BC

75:25

#A6959D

50:50

#AEB77A

25:75

#AFDA4D

100%

CSS渐变代码

background: linear-gradient(to right, #784DDA, #AFDA4D);
background: linear-gradient(135deg, #784DDA, #AFDA4D);

探索每种颜色

#784DDA

查看完整颜色详情

#AFDA4D

查看完整颜色详情

相关比较