#9BAAE9

#9BAAE9

#E9DA9B

#E9DA9B

对比度

1.61:1

Delta E

69.51

Very Different

50:50 混合

#C8C1C3

颜色值

格式 #9BAAE9 #E9DA9B
HEX #9BAAE9 #E9DA9B
RGB 155, 170, 233 233, 218, 155
HSL 228.5, 63.9%, 76.1% 48.5, 63.9%, 76.1%
HSV 228.5, 33.5%, 91.4% 48.5, 33.5%, 91.4%
CMYK 33.5%, 27.0%, 0.0%, 8.6% 0.0%, 6.4%, 33.5%, 8.6%
OKLCH 0.7499 0.0926 273.7 0.8858 0.0825 96.4

对比度与无障碍

1.61:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #E9DA9B → 背景色: #9BAAE9

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

文本: #9BAAE9 → 背景色: #E9DA9B

色差 (Delta E)

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

渐变

#9BAAE9 #ACB2DD #BBB9D0 #C8C1C3 #D4C9B6 #DFD2A9 #E9DA9B

颜色混合

#9BAAE9

100%

#B4B5D6

75:25

#C8C1C3

50:50

#D9CEB0

25:75

#E9DA9B

100%

CSS渐变代码

background: linear-gradient(to right, #9BAAE9, #E9DA9B);
background: linear-gradient(135deg, #9BAAE9, #E9DA9B);

探索每种颜色

#9BAAE9

查看完整颜色详情

#E9DA9B

查看完整颜色详情

相关比较