#53AF79

#53AF79

#AF5389

#AF5389

对比度

1.76:1

Delta E

91.36

Very Different

50:50 混合

颜色值

格式 #53AF79 #AF5389
HEX #53AF79 #AF5389
RGB 83, 175, 121 175, 83, 137
HSL 144.8, 36.5%, 50.6% 324.8, 36.5%, 50.6%
HSV 144.8, 52.6%, 68.6% 324.8, 52.6%, 68.6%
CMYK 52.6%, 0.0%, 30.9%, 31.4% 0.0%, 52.6%, 21.7%, 31.4%
OKLCH 0.6832 0.1198 155.6 0.5728 0.1358 346.0

对比度与无障碍

1.76:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF5389 → 背景色: #53AF79

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

文本: #53AF79 → 背景色: #AF5389

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #53AF79, #AF5389);
background: linear-gradient(135deg, #53AF79, #AF5389);

探索每种颜色

相关比较