#9BA7EB

#9BA7EB

#EBDF9B

#EBDF9B

对比度

1.71:1

Delta E

74.76

Very Different

50:50 混合

#C9C2C5

颜色值

格式 #9BA7EB #EBDF9B
HEX #9BA7EB #EBDF9B
RGB 155, 167, 235 235, 223, 155
HSL 231.0, 66.7%, 76.5% 51.0, 66.7%, 76.5%
HSV 231.0, 34.0%, 92.2% 51.0, 34.0%, 92.2%
CMYK 34.0%, 28.9%, 0.0%, 7.8% 0.0%, 5.1%, 34.0%, 7.8%
OKLCH 0.7447 0.0992 276.0 0.8976 0.0877 99.4

对比度与无障碍

1.71:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #EBDF9B → 背景色: #9BA7EB

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

文本: #9BA7EB → 背景色: #EBDF9B

色差 (Delta E)

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

渐变

#9BA7EB #ADB0DE #BCB9D2 #C9C2C5 #D6CCB7 #E1D5A9 #EBDF9B

颜色混合

#9BA7EB

100%

#B4B4D8

75:25

#C9C2C5

50:50

#DBD0B0

25:75

#EBDF9B

100%

CSS渐变代码

background: linear-gradient(to right, #9BA7EB, #EBDF9B);
background: linear-gradient(135deg, #9BA7EB, #EBDF9B);

探索每种颜色

#9BA7EB

查看完整颜色详情

#EBDF9B

查看完整颜色详情

相关比较