#697FEC

#697FEC

#ECD669

#ECD669

对比度

2.46:1

Delta E

120.58

Very Different

50:50 混合

#BDA8AF

颜色值

格式 #697FEC #ECD669
HEX #697FEC #ECD669
RGB 105, 127, 236 236, 214, 105
HSL 229.9, 77.5%, 66.9% 49.9, 77.5%, 66.9%
HSV 229.9, 55.5%, 92.5% 49.9, 55.5%, 92.5%
CMYK 55.5%, 46.2%, 0.0%, 7.5% 0.0%, 9.3%, 55.5%, 7.5%
OKLCH 0.6321 0.1645 272.3 0.8729 0.1315 98.1

对比度与无障碍

2.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #ECD669 → 背景色: #697FEC

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

文本: #697FEC → 背景色: #ECD669

色差 (Delta E)

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

渐变

#697FEC #8E8CD8 #A89AC4 #BDA8AF #CFB79A #DEC683 #ECD669

颜色混合

#697FEC

100%

#9C93CE

75:25

#BDA8AF

50:50

#D7BF8F

25:75

#ECD669

100%

CSS渐变代码

background: linear-gradient(to right, #697FEC, #ECD669);
background: linear-gradient(135deg, #697FEC, #ECD669);

探索每种颜色

#697FEC

查看完整颜色详情

#ECD669

查看完整颜色详情

相关比较