#105CEF

#105CEF

#EFA310

#EFA310

对比度

2.61:1

Delta E

157.19

Very Different

50:50 混合

#B87B91

颜色值

格式 #105CEF #EFA310
HEX #105CEF #EFA310
RGB 16, 92, 239 239, 163, 16
HSL 219.6, 87.5%, 50.0% 39.6, 87.5%, 50.0%
HSV 219.6, 93.3%, 93.7% 39.6, 93.3%, 93.7%
CMYK 93.3%, 61.5%, 0.0%, 6.3% 0.0%, 31.8%, 93.3%, 6.3%
OKLCH 0.5323 0.2315 262.1 0.7707 0.1601 74.9

对比度与无障碍

2.61:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #EFA310 → 背景色: #105CEF

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

文本: #105CEF → 背景色: #EFA310

色差 (Delta E)

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

渐变

#105CEF #7565D0 #9D6FB1 #B87B91 #CE8871 #E0954C #EFA310

颜色混合

#105CEF

100%

#8B6AC0

75:25

#B87B91

50:50

#D78E5F

25:75

#EFA310

100%

CSS渐变代码

background: linear-gradient(to right, #105CEF, #EFA310);
background: linear-gradient(135deg, #105CEF, #EFA310);

探索每种颜色

#105CEF

查看完整颜色详情

#EFA310

查看完整颜色详情

相关比较