#169F52

#169F52

#9F1663

#9F1663

对比度

2.21:1

Delta E

118.55

Very Different

50:50 混合

#7B6C5C

颜色值

格式 #169F52 #9F1663
HEX #169F52 #9F1663
RGB 22, 159, 82 159, 22, 99
HSL 146.3, 75.7%, 35.5% 326.3, 75.7%, 35.5%
HSV 146.3, 86.2%, 62.4% 326.3, 86.2%, 62.4%
CMYK 86.2%, 0.0%, 48.4%, 37.6% 0.0%, 86.2%, 37.7%, 37.6%
OKLCH 0.6174 0.1577 151.7 0.4695 0.1799 353.1

对比度与无障碍

2.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #9F1663 → 背景色: #169F52

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

文本: #169F52 → 背景色: #9F1663

色差 (Delta E)

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

渐变

#169F52 #4E8F56 #697E59 #7B6C5C #8A585F #953F61 #9F1663

颜色混合

#169F52

100%

#5D8758

75:25

#7B6C5C

50:50

#904C60

25:75

#9F1663

100%

CSS渐变代码

background: linear-gradient(to right, #169F52, #9F1663);
background: linear-gradient(135deg, #169F52, #9F1663);

探索每种颜色

#169F52

查看完整颜色详情

#9F1663

查看完整颜色详情

相关比较