#640FCC

#640FCC

#77CC0F

#77CC0F

对比度

4.2:1

Delta E

195.89

Very Different

50:50 混合

#8C7B85

颜色值

格式 #640FCC #77CC0F
HEX #640FCC #77CC0F
RGB 100, 15, 204 119, 204, 15
HSL 267.0, 86.3%, 42.9% 87.0, 86.3%, 42.9%
HSV 267.0, 92.6%, 80.0% 87.0, 92.6%, 80.0%
CMYK 51.0%, 92.6%, 0.0%, 20.0% 41.7%, 0.0%, 92.6%, 20.0%
OKLCH 0.4522 0.243 293.0 0.7612 0.2125 133.2

对比度与无障碍

4.2:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #77CC0F → 背景色: #640FCC

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

文本: #640FCC → 背景色: #77CC0F

色差 (Delta E)

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

渐变

#640FCC #7A3FB5 #865F9E #8C7B85 #8C976B #85B14B #77CC0F

颜色混合

#640FCC

100%

#8150A9

75:25

#8C7B85

50:50

#89A45C

25:75

#77CC0F

100%

CSS渐变代码

background: linear-gradient(to right, #640FCC, #77CC0F);
background: linear-gradient(135deg, #640FCC, #77CC0F);

探索每种颜色

#640FCC

查看完整颜色详情

#77CC0F

查看完整颜色详情

相关比较