#9BACEC

#9BACEC

#ECDB9B

#ECDB9B

对比度

1.6:1

Delta E

70.58

Very Different

50:50 混合

#CAC3C5

颜色值

格式 #9BACEC #ECDB9B
HEX #9BACEC #ECDB9B
RGB 155, 172, 236 236, 219, 155
HSL 227.4, 68.1%, 76.7% 47.4, 68.1%, 76.7%
HSV 227.4, 34.3%, 92.5% 47.4, 34.3%, 92.5%
CMYK 34.3%, 27.1%, 0.0%, 7.5% 0.0%, 7.2%, 34.3%, 7.5%
OKLCH 0.7552 0.0944 272.5 0.8904 0.084 95.0

对比度与无障碍

1.6:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #ECDB9B → 背景色: #9BACEC

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

文本: #9BACEC → 背景色: #ECDB9B

色差 (Delta E)

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

渐变

#9BACEC #ADB3DF #BCBBD2 #CAC3C5 #D6CBB7 #E2D3A9 #ECDB9B

颜色混合

#9BACEC

100%

#B5B7D9

75:25

#CAC3C5

50:50

#DCCFB0

25:75

#ECDB9B

100%

CSS渐变代码

background: linear-gradient(to right, #9BACEC, #ECDB9B);
background: linear-gradient(135deg, #9BACEC, #ECDB9B);

探索每种颜色

#9BACEC

查看完整颜色详情

#ECDB9B

查看完整颜色详情

相关比较