#8564F8

#8564F8

#D7F864

#D7F864

对比度

3.38:1

Delta E

162.03

Very Different

50:50 混合

#C1AEB7

颜色值

格式 #8564F8 #D7F864
HEX #8564F8 #D7F864
RGB 133, 100, 248 215, 248, 100
HSL 253.4, 91.4%, 68.2% 73.4, 91.4%, 68.2%
HSV 253.4, 59.7%, 97.3% 73.4, 59.7%, 97.3%
CMYK 46.4%, 59.7%, 0.0%, 2.7% 13.3%, 0.0%, 59.7%, 2.7%
OKLCH 0.6135 0.2111 288.9 0.9272 0.1758 120.6

对比度与无障碍

3.38:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #D7F864 → 背景色: #8564F8

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

文本: #8564F8 → 背景色: #D7F864

色差 (Delta E)

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

渐变

#8564F8 #A07DE3 #B395CD #C1AEB7 #CCC69F #D3DF84 #D7F864

颜色混合

#8564F8

100%

#AA89D8

75:25

#C1AEB7

50:50

#CFD392

25:75

#D7F864

100%

CSS渐变代码

background: linear-gradient(to right, #8564F8, #D7F864);
background: linear-gradient(135deg, #8564F8, #D7F864);

探索每种颜色

#8564F8

查看完整颜色详情

#D7F864

查看完整颜色详情

相关比较