#9DAEE7

#9DAEE7

#E7D69D

#E7D69D

对比度

1.5:1

Delta E

63.17

Very Different

50:50 混合

#C7C1C3

颜色值

格式 #9DAEE7 #E7D69D
HEX #9DAEE7 #E7D69D
RGB 157, 174, 231 231, 214, 157
HSL 226.2, 60.7%, 76.1% 46.2, 60.7%, 76.1%
HSV 226.2, 32.0%, 90.6% 46.2, 32.0%, 90.6%
CMYK 32.0%, 24.7%, 0.0%, 9.4% 0.0%, 7.4%, 32.0%, 9.4%
OKLCH 0.7585 0.0844 271.4 0.8765 0.0761 93.5

对比度与无障碍

1.5:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #E7D69D → 背景色: #9DAEE7

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

文本: #9DAEE7 → 背景色: #E7D69D

色差 (Delta E)

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

渐变

#9DAEE7 #ADB4DB #BBBBCF #C7C1C3 #D3C8B7 #DDCFAA #E7D69D

颜色混合

#9DAEE7

100%

#B4B8D5

75:25

#C7C1C3

50:50

#D8CCB0

25:75

#E7D69D

100%

CSS渐变代码

background: linear-gradient(to right, #9DAEE7, #E7D69D);
background: linear-gradient(135deg, #9DAEE7, #E7D69D);

探索每种颜色

#9DAEE7

查看完整颜色详情

#E7D69D

查看完整颜色详情

相关比较