#686CFD

#686CFD

#FDF968

#FDF968

对比度

3.67:1

Delta E

157.88

Very Different

50:50 混合

#CBB0BB

颜色值

格式 #686CFD #FDF968
HEX #686CFD #FDF968
RGB 104, 108, 253 253, 249, 104
HSL 238.4, 97.4%, 70.0% 58.4, 97.4%, 70.0%
HSV 238.4, 58.9%, 99.2% 58.4, 58.9%, 99.2%
CMYK 58.9%, 57.3%, 0.0%, 0.8% 0.0%, 1.6%, 58.9%, 0.8%
OKLCH 0.6081 0.2111 276.9 0.9586 0.1641 107.6

对比度与无障碍

3.67:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #FDF968 → 背景色: #686CFD

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

文本: #686CFD → 背景色: #FDF968

色差 (Delta E)

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

渐变

#686CFD #9482E8 #B398D2 #CBB0BB #DEC8A3 #EFE088 #FDF968

颜色混合

#686CFD

100%

#A58DDD

75:25

#CBB0BB

50:50

#E7D496

25:75

#FDF968

100%

CSS渐变代码

background: linear-gradient(to right, #686CFD, #FDF968);
background: linear-gradient(135deg, #686CFD, #FDF968);

探索每种颜色

#686CFD

查看完整颜色详情

#FDF968

查看完整颜色详情

相关比较