#7697FD

#7697FD

#FDDC76

#FDDC76

对比度

2.06:1

Delta E

112.25

Very Different

50:50 混合

#CBB8BD

颜色值

格式 #7697FD #FDDC76
HEX #7697FD #FDDC76
RGB 118, 151, 253 253, 220, 118
HSL 225.3, 97.1%, 72.7% 45.3, 97.1%, 72.7%
HSV 225.3, 53.4%, 99.2% 45.3, 53.4%, 99.2%
CMYK 53.4%, 40.3%, 0.0%, 0.8% 0.0%, 13.0%, 53.4%, 0.8%
OKLCH 0.6975 0.1543 268.7 0.9018 0.1269 91.8

对比度与无障碍

2.06:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FDDC76 → 背景色: #7697FD

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

文本: #7697FD → 背景色: #FDDC76

色差 (Delta E)

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

渐变

#7697FD #9BA1E8 #B6ACD3 #CBB8BD #DEC3A7 #EED090 #FDDC76

颜色混合

#7697FD

100%

#A9A7DE

75:25

#CBB8BD

50:50

#E6C99C

25:75

#FDDC76

100%

CSS渐变代码

background: linear-gradient(to right, #7697FD, #FDDC76);
background: linear-gradient(135deg, #7697FD, #FDDC76);

探索每种颜色

#7697FD

查看完整颜色详情

#FDDC76

查看完整颜色详情

相关比较