#175CCE

#175CCE

#CE8917

#CE8917

对比度

2.09:1

Delta E

130.18

Very Different

50:50 混合

#9E6F7D

颜色值

格式 #175CCE #CE8917
HEX #175CCE #CE8917
RGB 23, 92, 206 206, 137, 23
HSL 217.4, 79.9%, 44.9% 37.4, 79.9%, 44.9%
HSV 217.4, 88.8%, 80.8% 37.4, 88.8%, 80.8%
CMYK 88.8%, 55.3%, 0.0%, 19.2% 0.0%, 33.5%, 88.8%, 19.2%
OKLCH 0.5052 0.189 260.4 0.684 0.1408 72.2

对比度与无障碍

2.09:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CE8917 → 背景色: #175CCE

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

文本: #175CCE → 背景色: #CE8917

色差 (Delta E)

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

渐变

#175CCE #6561B3 #876898 #9E6F7D #B17762 #C18043 #CE8917

颜色混合

#175CCE

100%

#7865A6

75:25

#9E6F7D

50:50

#B97C53

25:75

#CE8917

100%

CSS渐变代码

background: linear-gradient(to right, #175CCE, #CE8917);
background: linear-gradient(135deg, #175CCE, #CE8917);

探索每种颜色

#175CCE

查看完整颜色详情

#CE8917

查看完整颜色详情

相关比较