#5C98AC

#5C98AC

#AC705C

#AC705C

对比度

1.25:1

Delta E

51.94

Very Different

50:50 混合

#8F8583

颜色值

格式 #5C98AC #AC705C
HEX #5C98AC #AC705C
RGB 92, 152, 172 172, 112, 92
HSL 195.0, 32.5%, 51.8% 15.0, 32.5%, 51.8%
HSV 195.0, 46.5%, 67.5% 15.0, 46.5%, 67.5%
CMYK 46.5%, 11.6%, 0.0%, 32.5% 0.0%, 34.9%, 46.5%, 32.5%
OKLCH 0.6464 0.069 221.3 0.6037 0.0824 39.2

对比度与无障碍

1.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AC705C → 背景色: #5C98AC

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

文本: #5C98AC → 背景色: #AC705C

色差 (Delta E)

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

渐变

#5C98AC #72929E #828B91 #8F8583 #9A7E76 #A47769 #AC705C

颜色混合

#5C98AC

100%

#7B8F98

75:25

#8F8583

50:50

#9F7B70

25:75

#AC705C

100%

CSS渐变代码

background: linear-gradient(to right, #5C98AC, #AC705C);
background: linear-gradient(135deg, #5C98AC, #AC705C);

探索每种颜色

#5C98AC

查看完整颜色详情

#AC705C

查看完整颜色详情

相关比较