#4A3FCD

#4A3FCD

#C2CD3F

#C2CD3F

对比度

4.2:1

Delta E

159.09

Very Different

50:50 混合

#9F8491

颜色值

格式 #4A3FCD #C2CD3F
HEX #4A3FCD #C2CD3F
RGB 74, 63, 205 194, 205, 63
HSL 244.6, 58.7%, 52.5% 64.6, 58.7%, 52.5%
HSV 244.6, 69.3%, 80.4% 64.6, 69.3%, 80.4%
CMYK 63.9%, 69.3%, 0.0%, 19.6% 5.4%, 0.0%, 69.3%, 19.6%
OKLCH 0.4747 0.2094 278.3 0.8145 0.1603 113.8

对比度与无障碍

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

文本可读性

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

文本: #C2CD3F → 背景色: #4A3FCD

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

文本: #4A3FCD → 背景色: #C2CD3F

色差 (Delta E)

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

渐变

#4A3FCD #7356BA #8C6DA6 #9F8491 #AE9C7B #B9B461 #C2CD3F

颜色混合

#4A3FCD

100%

#8161B0

75:25

#9F8491

50:50

#B4A86E

25:75

#C2CD3F

100%

CSS渐变代码

background: linear-gradient(to right, #4A3FCD, #C2CD3F);
background: linear-gradient(135deg, #4A3FCD, #C2CD3F);

探索每种颜色

#4A3FCD

查看完整颜色详情

#C2CD3F

查看完整颜色详情

相关比较