#643FD4

#643FD4

#AFD43F

#AFD43F

对比度

3.84:1

Delta E

165.99

Very Different

50:50 混合

#A08A95

颜色值

格式 #643FD4 #AFD43F
HEX #643FD4 #AFD43F
RGB 100, 63, 212 175, 212, 63
HSL 254.9, 63.4%, 53.9% 74.9, 63.4%, 53.9%
HSV 254.9, 70.3%, 83.1% 74.9, 70.3%, 83.1%
CMYK 52.8%, 70.3%, 0.0%, 16.9% 17.5%, 0.0%, 70.3%, 16.9%
OKLCH 0.5023 0.2142 287.4 0.816 0.1751 122.6

对比度与无障碍

3.84:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #AFD43F → 背景色: #643FD4

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

文本: #643FD4 → 背景色: #AFD43F

色差 (Delta E)

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

渐变

#643FD4 #8059C0 #9372AB #A08A95 #A8A37D #ADBB62 #AFD43F

颜色混合

#643FD4

100%

#8A65B5

75:25

#A08A95

50:50

#ABAF70

25:75

#AFD43F

100%

CSS渐变代码

background: linear-gradient(to right, #643FD4, #AFD43F);
background: linear-gradient(135deg, #643FD4, #AFD43F);

探索每种颜色

#643FD4

查看完整颜色详情

#AFD43F

查看完整颜色详情

相关比较