#97A7EB

#97A7EB

#EBDB97

#EBDB97

对比度

1.67:1

Delta E

74.98

Very Different

50:50 混合

#C8C0C3

颜色值

格式 #97A7EB #EBDB97
HEX #97A7EB #EBDB97
RGB 151, 167, 235 235, 219, 151
HSL 228.6, 67.7%, 75.7% 48.6, 67.7%, 75.7%
HSV 228.6, 35.7%, 92.2% 48.6, 35.7%, 92.2%
CMYK 35.7%, 28.9%, 0.0%, 7.8% 0.0%, 6.8%, 35.7%, 7.8%
OKLCH 0.7419 0.1002 273.6 0.8888 0.0884 96.5

对比度与无障碍

1.67:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #EBDB97 → 背景色: #97A7EB

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

文本: #97A7EB → 背景色: #EBDB97

色差 (Delta E)

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

渐变

#97A7EB #AAAFDE #BAB8D0 #C8C0C3 #D5C9B5 #E0D2A6 #EBDB97

颜色混合

#97A7EB

100%

#B2B3D7

75:25

#C8C0C3

50:50

#DBCDAD

25:75

#EBDB97

100%

CSS渐变代码

background: linear-gradient(to right, #97A7EB, #EBDB97);
background: linear-gradient(135deg, #97A7EB, #EBDB97);

探索每种颜色

#97A7EB

查看完整颜色详情

#EBDB97

查看完整颜色详情

相关比较