#7C88EB

#7C88EB

#EBDF7C

#EBDF7C

对比度

2.34:1

Delta E

109.36

Very Different

50:50 混合

#C1B2B7

颜色值

格式 #7C88EB #EBDF7C
HEX #7C88EB #EBDF7C
RGB 124, 136, 235 235, 223, 124
HSL 233.5, 73.5%, 70.4% 53.5, 73.5%, 70.4%
HSV 233.5, 47.2%, 92.2% 53.5, 47.2%, 92.2%
CMYK 47.2%, 42.1%, 0.0%, 7.8% 0.0%, 5.1%, 47.2%, 7.8%
OKLCH 0.6615 0.1467 276.4 0.8927 0.1215 102.4

对比度与无障碍

2.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #EBDF7C → 背景色: #7C88EB

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

文本: #7C88EB → 背景色: #EBDF7C

色差 (Delta E)

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

渐变

#7C88EB #9895DA #AEA3C9 #C1B2B7 #D0C1A5 #DED091 #EBDF7C

颜色混合

#7C88EB

100%

#A49CD2

75:25

#C1B2B7

50:50

#D8C89B

25:75

#EBDF7C

100%

CSS渐变代码

background: linear-gradient(to right, #7C88EB, #EBDF7C);
background: linear-gradient(135deg, #7C88EB, #EBDF7C);

探索每种颜色

#7C88EB

查看完整颜色详情

#EBDF7C

查看完整颜色详情

相关比较