#97A3EB

#97A3EB

#EBDF97

#EBDF97

对比度

1.77:1

Delta E

79.21

Very Different

50:50 混合

#C8C0C3

颜色值

格式 #97A3EB #EBDF97
HEX #97A3EB #EBDF97
RGB 151, 163, 235 235, 223, 151
HSL 231.4, 67.7%, 75.7% 51.4, 67.7%, 75.7%
HSV 231.4, 35.7%, 92.2% 51.4, 35.7%, 92.2%
CMYK 35.7%, 30.6%, 0.0%, 7.8% 0.0%, 5.1%, 35.7%, 7.8%
OKLCH 0.7338 0.1053 276.2 0.8969 0.0923 99.9

对比度与无障碍

1.77:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #EBDF97 → 背景色: #97A3EB

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

文本: #97A3EB → 背景色: #EBDF97

色差 (Delta E)

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

渐变

#97A3EB #AAACDE #BAB6D0 #C8C0C3 #D5CAB5 #E0D5A6 #EBDF97

颜色混合

#97A3EB

100%

#B2B1D7

75:25

#C8C0C3

50:50

#DBCFAE

25:75

#EBDF97

100%

CSS渐变代码

background: linear-gradient(to right, #97A3EB, #EBDF97);
background: linear-gradient(135deg, #97A3EB, #EBDF97);

探索每种颜色

#97A3EB

查看完整颜色详情

#EBDF97

查看完整颜色详情

相关比较