#32AF85

#32AF85

#AF325C

#AF325C

对比度

2.22:1

Delta E

100.1

Very Different

50:50 混合

#8C7B70

颜色值

格式 #32AF85 #AF325C
HEX #32AF85 #AF325C
RGB 50, 175, 133 175, 50, 92
HSL 159.8, 55.6%, 44.1% 339.8, 55.6%, 44.1%
HSV 159.8, 71.4%, 68.6% 339.8, 71.4%, 68.6%
CMYK 71.4%, 0.0%, 24.0%, 31.4% 0.0%, 71.4%, 47.4%, 31.4%
OKLCH 0.6758 0.1251 165.9 0.5168 0.1634 4.6

对比度与无障碍

2.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF325C → 背景色: #32AF85

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

文本: #32AF85 → 背景色: #AF325C

色差 (Delta E)

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

渐变

#32AF85 #609E7E #7A8D77 #8C7B70 #9A6769 #A65063 #AF325C

颜色混合

#32AF85

100%

#6E967A

75:25

#8C7B70

50:50

#A05C66

25:75

#AF325C

100%

CSS渐变代码

background: linear-gradient(to right, #32AF85, #AF325C);
background: linear-gradient(135deg, #32AF85, #AF325C);

探索每种颜色

#32AF85

查看完整颜色详情

#AF325C

查看完整颜色详情

相关比较