#33AF99

#33AF99

#AF3349

#AF3349

对比度

2.28:1

Delta E

94.31

Very Different

50:50 混合

#8F7A6F

颜色值

格式 #33AF99 #AF3349
HEX #33AF99 #AF3349
RGB 51, 175, 153 175, 51, 73
HSL 169.4, 54.9%, 44.3% 349.4, 54.9%, 44.3%
HSV 169.4, 70.9%, 68.6% 349.4, 70.9%, 68.6%
CMYK 70.9%, 0.0%, 12.6%, 31.4% 0.0%, 70.9%, 58.3%, 31.4%
OKLCH 0.6816 0.1115 178.2 0.5128 0.1595 14.7

对比度与无障碍

2.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF3349 → 背景色: #33AF99

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

文本: #33AF99 → 背景色: #AF3349

色差 (Delta E)

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

渐变

#33AF99 #639E8B #7D8D7D #8F7A6F #9D6662 #A75055 #AF3349

颜色混合

#33AF99

100%

#719584

75:25

#8F7A6F

50:50

#A25C5C

25:75

#AF3349

100%

CSS渐变代码

background: linear-gradient(to right, #33AF99, #AF3349);
background: linear-gradient(135deg, #33AF99, #AF3349);

探索每种颜色

#33AF99

查看完整颜色详情

#AF3349

查看完整颜色详情

相关比较