#54AF8C

#54AF8C

#AF5477

#AF5477

对比度

1.81:1

Delta E

79.51

Very Different

50:50 混合

#8F8681

颜色值

格式 #54AF8C #AF5477
HEX #54AF8C #AF5477
RGB 84, 175, 140 175, 84, 119
HSL 156.9, 36.3%, 50.8% 336.9, 36.3%, 50.8%
HSV 156.9, 52.0%, 68.6% 336.9, 52.0%, 68.6%
CMYK 52.0%, 0.0%, 20.0%, 31.4% 0.0%, 52.0%, 32.0%, 31.4%
OKLCH 0.6882 0.1026 165.9 0.5678 0.1246 357.5

对比度与无障碍

1.81:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF5477 → 背景色: #54AF8C

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

文本: #54AF8C → 背景色: #AF5477

色差 (Delta E)

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

渐变

#54AF8C #6EA288 #819485 #8F8681 #9C777E #A6677A #AF5477

颜色混合

#54AF8C

100%

#789B87

75:25

#8F8681

50:50

#A16F7C

25:75

#AF5477

100%

CSS渐变代码

background: linear-gradient(to right, #54AF8C, #AF5477);
background: linear-gradient(135deg, #54AF8C, #AF5477);

探索每种颜色

#54AF8C

查看完整颜色详情

#AF5477

查看完整颜色详情

相关比较