#16AF62

#16AF62

#AF1663

#AF1663

对比度

2.36:1

Delta E

123.33

Very Different

50:50 混合

#887764

颜色值

格式 #16AF62 #AF1663
HEX #16AF62 #AF1663
RGB 22, 175, 98 175, 22, 99
HSL 149.8, 77.7%, 38.6% 329.8, 77.7%, 38.6%
HSV 149.8, 87.4%, 68.6% 329.8, 87.4%, 68.6%
CMYK 87.4%, 0.0%, 44.0%, 31.4% 0.0%, 87.4%, 43.4%, 31.4%
OKLCH 0.6635 0.1633 153.7 0.4984 0.191 357.6

对比度与无障碍

2.36:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF1663 → 背景色: #16AF62

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

文本: #16AF62 → 背景色: #AF1663

色差 (Delta E)

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

渐变

#16AF62 #579D63 #748B63 #887764 #986064 #A54563 #AF1663

颜色混合

#16AF62

100%

#679463

75:25

#887764

50:50

#9F5364

25:75

#AF1663

100%

CSS渐变代码

background: linear-gradient(to right, #16AF62, #AF1663);
background: linear-gradient(135deg, #16AF62, #AF1663);

探索每种颜色

#16AF62

查看完整颜色详情

#AF1663

查看完整颜色详情

相关比较