#84B970

#84B970

#A570B9

#A570B9

对比度

1.63:1

Delta E

91.04

Very Different

50:50 混合

#9A9796

颜色值

格式 #84B970 #A570B9
HEX #84B970 #A570B9
RGB 132, 185, 112 165, 112, 185
HSL 103.6, 34.3%, 58.2% 283.6, 34.3%, 58.2%
HSV 103.6, 39.5%, 72.5% 283.6, 39.5%, 72.5%
CMYK 28.6%, 0.0%, 39.5%, 27.5% 10.8%, 39.5%, 0.0%, 27.5%
OKLCH 0.7307 0.1155 137.5 0.6272 0.121 316.4

对比度与无障碍

1.63:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #A570B9 → 背景色: #84B970

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

文本: #84B970 → 背景色: #A570B9

色差 (Delta E)

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

渐变

#84B970 #8DAE7D #95A28A #9A9796 #9F8AA2 #A37EAE #A570B9

颜色混合

#84B970

100%

#91A884

75:25

#9A9796

50:50

#A184A8

25:75

#A570B9

100%

CSS渐变代码

background: linear-gradient(to right, #84B970, #A570B9);
background: linear-gradient(135deg, #84B970, #A570B9);

探索每种颜色

#84B970

查看完整颜色详情

#A570B9

查看完整颜色详情

相关比较