#16AA5D

#16AA5D

#AA1663

#AA1663

对比度

2.31:1

Delta E

121.79

Very Different

50:50 混合

#847361

颜色值

格式 #16AA5D #AA1663
HEX #16AA5D #AA1663
RGB 22, 170, 93 170, 22, 99
HSL 148.8, 77.1%, 37.6% 328.8, 77.1%, 37.6%
HSV 148.8, 87.1%, 66.7% 328.8, 87.1%, 66.7%
CMYK 87.1%, 0.0%, 45.3%, 33.3% 0.0%, 87.1%, 41.8%, 33.3%
OKLCH 0.6491 0.1616 153.1 0.4893 0.1875 356.3

对比度与无障碍

2.31:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AA1663 → 背景色: #16AA5D

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

文本: #16AA5D → 背景色: #AA1663

色差 (Delta E)

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

渐变

#16AA5D #54995F #708760 #847361 #935E62 #A04363 #AA1663

颜色混合

#16AA5D

100%

#649060

75:25

#847361

50:50

#9A5162

25:75

#AA1663

100%

CSS渐变代码

background: linear-gradient(to right, #16AA5D, #AA1663);
background: linear-gradient(135deg, #16AA5D, #AA1663);

探索每种颜色

#16AA5D

查看完整颜色详情

#AA1663

查看完整颜色详情

相关比较