#33AF85

#33AF85

#AF335D

#AF335D

对比度

2.2:1

Delta E

99.68

Very Different

50:50 混合

#8C7B71

颜色值

格式 #33AF85 #AF335D
HEX #33AF85 #AF335D
RGB 51, 175, 133 175, 51, 93
HSL 159.7, 54.9%, 44.3% 339.7, 54.9%, 44.3%
HSV 159.7, 70.9%, 68.6% 339.7, 70.9%, 68.6%
CMYK 70.9%, 0.0%, 24.0%, 31.4% 0.0%, 70.9%, 46.9%, 31.4%
OKLCH 0.676 0.1247 165.9 0.5181 0.1625 4.3

对比度与无障碍

2.2:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF335D → 背景色: #33AF85

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

文本: #33AF85 → 背景色: #AF335D

色差 (Delta E)

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

渐变

#33AF85 #609F7E #7A8D77 #8C7B71 #9A676A #A65163 #AF335D

颜色混合

#33AF85

100%

#6E967B

75:25

#8C7B71

50:50

#A05D67

25:75

#AF335D

100%

CSS渐变代码

background: linear-gradient(to right, #33AF85, #AF335D);
background: linear-gradient(135deg, #33AF85, #AF335D);

探索每种颜色

#33AF85

查看完整颜色详情

#AF335D

查看完整颜色详情

相关比较