#697AFD

#697AFD

#FDEC69

#FDEC69

对比度

2.99:1

Delta E

142.64

Very Different

50:50 混合

#CAB0BA

颜色值

格式 #697AFD #FDEC69
HEX #697AFD #FDEC69
RGB 105, 122, 253 253, 236, 105
HSL 233.1, 97.4%, 70.2% 53.1, 97.4%, 70.2%
HSV 233.1, 58.5%, 99.2% 53.1, 58.5%, 99.2%
CMYK 58.5%, 51.8%, 0.0%, 0.8% 0.0%, 6.7%, 58.5%, 0.8%
OKLCH 0.6337 0.1936 274.0 0.9322 0.1511 102.0

对比度与无障碍

2.99:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FDEC69 → 背景色: #697AFD

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

文本: #697AFD → 背景色: #FDEC69

色差 (Delta E)

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

渐变

#697AFD #948BE7 #B29DD1 #CAB0BA #DDC4A2 #EED888 #FDEC69

颜色混合

#697AFD

100%

#A494DC

75:25

#CAB0BA

50:50

#E6CE95

25:75

#FDEC69

100%

CSS渐变代码

background: linear-gradient(to right, #697AFD, #FDEC69);
background: linear-gradient(135deg, #697AFD, #FDEC69);

探索每种颜色

#697AFD

查看完整颜色详情

#FDEC69

查看完整颜色详情

相关比较