#5F10B3

#5F10B3

#64B310

#64B310

对比度

3.62:1

Delta E

175.67

Very Different

50:50 混合

#7B6D75

颜色值

格式 #5F10B3 #64B310
HEX #5F10B3 #64B310
RGB 95, 16, 179 100, 179, 16
HSL 269.1, 83.6%, 38.2% 89.1, 83.6%, 38.2%
HSV 269.1, 91.1%, 70.2% 89.1, 91.1%, 70.2%
CMYK 46.9%, 91.1%, 0.0%, 29.8% 44.1%, 0.0%, 91.1%, 29.8%
OKLCH 0.4217 0.219 296.5 0.6888 0.1937 134.1

对比度与无障碍

3.62:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #64B310 → 背景色: #5F10B3

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

文本: #5F10B3 → 背景色: #64B310

色差 (Delta E)

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

渐变

#5F10B3 #6F399F #78558A #7B6D75 #7A855D #729C41 #64B310

颜色混合

#5F10B3

100%

#744794

75:25

#7B6D75

50:50

#779150

25:75

#64B310

100%

CSS渐变代码

background: linear-gradient(to right, #5F10B3, #64B310);
background: linear-gradient(135deg, #5F10B3, #64B310);

探索每种颜色

#5F10B3

查看完整颜色详情

#64B310

查看完整颜色详情

相关比较