#8564F1

#8564F1

#D0F164

#D0F164

对比度

3.23:1

Delta E

155.41

Very Different

50:50 混合

#BCAAB2

颜色值

格式 #8564F1 #D0F164
HEX #8564F1 #D0F164
RGB 133, 100, 241 208, 241, 100
HSL 254.0, 83.4%, 66.9% 74.0, 83.4%, 66.9%
HSV 254.0, 58.5%, 94.5% 74.0, 58.5%, 94.5%
CMYK 44.8%, 58.5%, 0.0%, 5.5% 13.7%, 0.0%, 58.5%, 5.5%
OKLCH 0.6086 0.2024 289.8 0.9071 0.1699 121.0

对比度与无障碍

3.23:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #D0F164 → 背景色: #8564F1

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

文本: #8564F1 → 背景色: #D0F164

色差 (Delta E)

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

渐变

#8564F1 #9D7BDD #AF93C8 #BCAAB2 #C6C29B #CCD982 #D0F164

颜色混合

#8564F1

100%

#A787D2

75:25

#BCAAB2

50:50

#C9CD8F

25:75

#D0F164

100%

CSS渐变代码

background: linear-gradient(to right, #8564F1, #D0F164);
background: linear-gradient(135deg, #8564F1, #D0F164);

探索每种颜色

#8564F1

查看完整颜色详情

#D0F164

查看完整颜色详情

相关比较