#103CEF

#103CEF

#EFC310

#EFC310

对比度

4.28:1

Delta E

184.48

Very Different

50:50 混合

颜色值

格式 #103CEF #EFC310
HEX #103CEF #EFC310
RGB 16, 60, 239 239, 195, 16
HSL 228.2, 87.5%, 50.0% 48.2, 87.5%, 50.0%
HSV 228.2, 93.3%, 93.7% 48.2, 93.3%, 93.7%
CMYK 93.3%, 74.9%, 0.0%, 6.3% 0.0%, 18.4%, 93.3%, 6.3%
OKLCH 0.48 0.2648 264.8 0.8318 0.168 92.1

对比度与无障碍

4.28:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #EFC310 → 背景色: #103CEF

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

文本: #103CEF → 背景色: #EFC310

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #103CEF, #EFC310);
background: linear-gradient(135deg, #103CEF, #EFC310);

探索每种颜色

相关比较