#5F9DAE

#5F9DAE

#AE705F

#AE705F

对比度

1.31:1

Delta E

52.03

Very Different

50:50 混合

#928886

颜色值

格式 #5F9DAE #AE705F
HEX #5F9DAE #AE705F
RGB 95, 157, 174 174, 112, 95
HSL 192.9, 32.8%, 52.7% 12.9, 32.8%, 52.7%
HSV 192.9, 45.4%, 68.2% 12.9, 45.4%, 68.2%
CMYK 45.4%, 9.8%, 0.0%, 31.8% 0.0%, 35.6%, 45.4%, 31.8%
OKLCH 0.6604 0.0687 217.3 0.6068 0.0835 36.1

对比度与无障碍

1.31:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AE705F → 背景色: #5F9DAE

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

文本: #5F9DAE → 背景色: #AE705F

色差 (Delta E)

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

渐变

#5F9DAE #7596A0 #858F93 #928886 #9D8079 #A6786C #AE705F

颜色混合

#5F9DAE

100%

#7D929A

75:25

#928886

50:50

#A27C72

25:75

#AE705F

100%

CSS渐变代码

background: linear-gradient(to right, #5F9DAE, #AE705F);
background: linear-gradient(135deg, #5F9DAE, #AE705F);

探索每种颜色

#5F9DAE

查看完整颜色详情

#AE705F

查看完整颜色详情

相关比较