#698EDB

#698EDB

#DBB669

#DBB669

对比度

1.68:1

Delta E

88.8

Very Different

50:50 混合

#B1A1A4

颜色值

格式 #698EDB #DBB669
HEX #698EDB #DBB669
RGB 105, 142, 219 219, 182, 105
HSL 220.5, 61.3%, 63.5% 40.5, 61.3%, 63.5%
HSV 220.5, 52.1%, 85.9% 40.5, 52.1%, 85.9%
CMYK 52.1%, 35.2%, 0.0%, 14.1% 0.0%, 16.9%, 52.1%, 14.1%
OKLCH 0.6528 0.1229 263.8 0.7927 0.1051 84.4

对比度与无障碍

1.68:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DBB669 → 背景色: #698EDB

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

文本: #698EDB → 背景色: #DBB669

色差 (Delta E)

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

渐变

#698EDB #8794C9 #9E9AB7 #B1A1A4 #C0A891 #CEAF7E #DBB669

颜色混合

#698EDB

100%

#9397C0

75:25

#B1A1A4

50:50

#C8AB88

25:75

#DBB669

100%

CSS渐变代码

background: linear-gradient(to right, #698EDB, #DBB669);
background: linear-gradient(135deg, #698EDB, #DBB669);

探索每种颜色

#698EDB

查看完整颜色详情

#DBB669

查看完整颜色详情

相关比较