#7FCF5F

#7FCF5F

#AF5FCF

#AF5FCF

对比度

2.05:1

Delta E

134.72

Very Different

50:50 混合

#A49C9B

颜色值

格式 #7FCF5F #AF5FCF
HEX #7FCF5F #AF5FCF
RGB 127, 207, 95 175, 95, 207
HSL 102.9, 53.8%, 59.2% 282.9, 53.8%, 59.2%
HSV 102.9, 54.1%, 81.2% 282.9, 54.1%, 81.2%
CMYK 38.6%, 0.0%, 54.1%, 18.8% 15.5%, 54.1%, 0.0%, 18.8%
OKLCH 0.7782 0.1672 137.6 0.6232 0.1785 315.4

对比度与无障碍

2.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF5FCF → 背景色: #7FCF5F

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

文本: #7FCF5F → 背景色: #AF5FCF

色差 (Delta E)

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

渐变

#7FCF5F #8FBE75 #9BAD89 #A49C9B #AA89AD #AD75BE #AF5FCF

颜色混合

#7FCF5F

100%

#96B67F

75:25

#A49C9B

50:50

#AC80B6

25:75

#AF5FCF

100%

CSS渐变代码

background: linear-gradient(to right, #7FCF5F, #AF5FCF);
background: linear-gradient(135deg, #7FCF5F, #AF5FCF);

探索每种颜色

#7FCF5F

查看完整颜色详情

#AF5FCF

查看完整颜色详情

相关比较