#57ABEB

#57ABEB

#EB9757

#EB9757

对比度

1.08:1

Delta E

91.6

Very Different

50:50 混合

#BBA1A2

颜色值

格式 #57ABEB #EB9757
HEX #57ABEB #EB9757
RGB 87, 171, 235 235, 151, 87
HSL 205.9, 78.7%, 63.1% 25.9, 78.7%, 63.1%
HSV 205.9, 63.0%, 92.2% 25.9, 63.0%, 92.2%
CMYK 63.0%, 27.2%, 0.0%, 7.8% 0.0%, 35.7%, 63.0%, 7.8%
OKLCH 0.7156 0.1244 243.8 0.7493 0.1289 56.5

对比度与无障碍

1.08:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #EB9757 → 背景色: #57ABEB

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

文本: #57ABEB → 背景色: #EB9757

色差 (Delta E)

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

渐变

#57ABEB #86A8D2 #A5A5BA #BBA1A2 #CE9E89 #DD9B71 #EB9757

颜色混合

#57ABEB

100%

#97A6C6

75:25

#BBA1A2

50:50

#D69C7D

25:75

#EB9757

100%

CSS渐变代码

background: linear-gradient(to right, #57ABEB, #EB9757);
background: linear-gradient(135deg, #57ABEB, #EB9757);

探索每种颜色

#57ABEB

查看完整颜色详情

#EB9757

查看完整颜色详情

相关比较