#45AF63

#45AF63

#AF4591

#AF4591

对比度

1.85:1

Delta E

112.87

Very Different

50:50 混合

#8C827C

颜色值

格式 #45AF63 #AF4591
HEX #45AF63 #AF4591
RGB 69, 175, 99 175, 69, 145
HSL 137.0, 43.4%, 47.8% 317.0, 43.4%, 47.8%
HSV 137.0, 60.6%, 68.6% 317.0, 60.6%, 68.6%
CMYK 60.6%, 0.0%, 43.4%, 31.4% 0.0%, 60.6%, 17.1%, 31.4%
OKLCH 0.6737 0.1479 149.9 0.5576 0.1635 340.2

对比度与无障碍

1.85:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF4591 → 背景色: #45AF63

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

文本: #45AF63 → 背景色: #AF4591

色差 (Delta E)

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

渐变

#45AF63 #65A16C #7B9274 #8C827C #997183 #A55D8A #AF4591

颜色混合

#45AF63

100%

#719A70

75:25

#8C827C

50:50

#9F6887

25:75

#AF4591

100%

CSS渐变代码

background: linear-gradient(to right, #45AF63, #AF4591);
background: linear-gradient(135deg, #45AF63, #AF4591);

探索每种颜色

#45AF63

查看完整颜色详情

#AF4591

查看完整颜色详情

相关比较